Programmer Think

There is such a syntax in the CSS3 version: @media mediatype and|not|only (media feature) {     CSS-Code;}  Recent beginners of css require various page-adaptive scenarios on both the device and the computer side.Naturally, this attribute comes to mind: @media, it took about an hour today to make an adaptive little demo, which is recorded ...

1. Vertical alignment If you use CSS, you will be confused: how do I align elements in the container vertically? Now, using CSS3 Transform, you can gracefully solve this puzzle: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) ...

Preface Loading pictures as needed is a very useful feature that not only improves the performance of the website, but also saves you traffic.For friends who use virtual hosts, if your website is a picture website or a website with more pictures, then lazy loading of pictures is a must. principle The principle of lazy loading ...

Bootstrap Note that many of the following components require js, so you need to introduce Bootstrap's JS files and jquery file in the sample code, I just did not write, pay attention to add oh. Font Icon Bootstrap also has free icons for us to use. These icons are very simple to use. Just like using fonts, changing the size of icons means c ...

As you can see in the last blog CSS3 3D photo album, the key to achieving this 3D effect is: Change the position of each element with transform Use transition to increase dynamic effects Using perspective Attribute to Change perspective The two attributes of transform ation and transition are well understood, but the ...

Preface Writing recently< Animation Point Series > The article was shared in the last issue. Hands teach you how to draw a sports car. This issue brings you a three-dimensional 3d magic cube combined with CSS3, which combines js to let you turn as you like. Here is @ IT Pingtou Coalition I'm the chief filling officer. South of Jiangsu (S ...