Programmer Think

IntroductionJavaScript WebGL setting colors The effect is always limited. At this time, you will think of using pictures, which involves the use of textures in WebGL, which is much more troublesome than expected.OriginMy GitHubUse picturesTexture can be used to add details of simulated objects. Textures are used for various simulated objects in ...

🌹 CSS comments 🌹   comments can be used to explain the code and will be helpful when writing source code in the future. The browser automatically ignores comments< Comments in style > begin with / * and end with * /.   you can add comments anywhere in the code to explain the code. Comments can span multiple lines. example ...

rem adaptive layout What is 1.0 rem rem is a relative unit, similar to em, which is based on the font size of the parent elementUnlike em, rem is based on the font size of the entire html pageIf the font size set for the root element is 12px, the font size set for its child element is 2rem; Then the font size is 24px 2.0 media query Media q ...

Recently, I was working on a small program project like a mall. Cards and vouchers are indispensable for the mall. At first, I planned to cut the UI, but I found it not so convenient, so I made a fuss by referring to various materials. Without much nonsense, I went to the renderings first: It can be seen from the effect drawing that the coupon ...

I finished this article last time-- Skillfully using gradient to realize high-level full background light animation After that, the comments below the article have students' comments. Can you use CSS to realize Aurora?Like this:emmm, it's a little difficult. However, I have also tried recently. Although it is impossible to simulate such a real ...

Idea: Message function: click message - > get nickname and message content - > judge whether the input is empty - > message is successful if there is input- >Leave a message again after 10s         1. Get element {function $(selector) {return document.querySelector(selector)}         ...

Catalogue of series articles Article catalog catalogue Catalogue of series articles Article catalog preface 1, Positioning 1.1 why positioning is needed? 1.2 positioning composition 1.3 static positioning 1.4 relative positioning (important) 1.5 absolute positioning (important) 1.6 origin of Zi Jue Fu Xiang 1.7 fixed positioni ...

CSS (x) - positioning exercise (rotation chart) preface Before reading this note, you should pay attention to a problem. CSS3 or JavaScript is still needed to complete the effect of image scrolling. What we have been doing now is static pages, and dynamic effects will be added later. The content of this record is based on the previous notes, ...

CSS gradient style CSS3 Gradients CSS3 gradients allow you to show a smooth transition between two or more specified colors. Previously, you had to use images to achieve these effects. However, by using CSS3 gradients, you can reduce the download time and broadband use. In addition, the elements of the gradient effect look better when zoomin ...

1. CSS properties inheritCascade 2. Inheritance of CSS properties For properties that cannot be inherited, you can generally use the inherit property value to force inheritance .box { width: 500px; border: 1px solid orange; } .bg { vertical-align: middle; /*Use the inherit attribute value to force inheritance of the width of the ...