Programmer Think

Modifying input[type=radio] style with css3 You need to use the radio button input[type=radio] when making a project, but the default style is not consistent with the UI design, so you need to modify the default style, as shown in the following figure. When searching, we find that some of the implementations are realized by us ...

Sometimes when I get used to the conventional navigation bar, I suddenly want to make my navigation bar look cool and different. Let's see. The function of this article is that when you click the small icon of the navigation bar, the navigation bar will rotate in the center of the page, and when you click to retract the naviga ...

Preface You should have seen many websites that can change the theme or theme color. If you want to change the built-in scheme, you can directly replace the css file, we won't talk about it. This article introduces a simple scheme of user-defined theme color replacement! 1. Relevant knowledge points 1.1 CSSStyleSheet.insertRule() CSSStyleSheet ...

Here is to use linear-gradient to achieve, that is, drawing circles, and then using the background color to cover part of the circle; using the css3 attribute perspective s and rotation to achieve the cube 1.css realizes wave line html <div class="card-list"> <div class="wave-container"&g ...

Links to the original text: https://www.mk2048.com/blog/blog.php?id=b120jakkj&title=CSS3%E4%B8%8E%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0%EF%BC%88%E4%B8%80%EF%BC%89%E2%80%94%E2%80%94%E6%A6%82%E8%A6%81%E3%80%81%E9%80%89%E6%8B%A9%E5%99%A8%E3%80%81%E7%89 ...

How is it displayed under the big screen? Fixed the height of the container (e.g. 410px), changed the rotation map to background display. Since the height of possible pictures is not necessarily 410px, the background-size in css3 needs to be set. ...

Preface PS: These are just personal learning, only for the reference of ideas, may be defective, and are tested in chrome, not necessarily applicable to other browsers, and do not consider IE, remember!! PS: 2008/03/23 was revised, the style was reformed, and some new methods and principles were introduced. It is suggested to know the basic kno ...

This article is from "Xintan Blog" Of Animation Design Button Effect More articles GithubWelcome exchanges and Star A list of special effects Slide box: Jelly: Pulse: Flash of light: Bubble: Sliding box special effect Design sketch principle Because the button element can use before/after pseudo-elements, the cover layer in the ...

Media Query If you've used the bootstrap framework, you should be familiar with media queries!(Link to bootstrap: bootstrap Chinese Network) Volume queries are CSS styles that can be set based on the characteristics of the device's display (viewport width, screen scale, device orientation - horizontal or vertical, etc.) Why does responsive des ...

Multi-column Layout of css3 Attributes and Realization of Waterfall Flow by JS Background: I planned to summarize the knowledge points of flex layout by myself before, and found myself unable to start. What's the reason? I reflected on it. The reason is very simple: less use, more time use percentage, floating and positioning solution. This al ...