How to realize the looming effect of mouse skimming by css3

The main content of this article is to explain "css3 how to achieve the mouse over the hidden effect", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "css3 how to achieve the mouse over the looming effect" bar!

In css3, you can use the ": hover" selector and the display attribute to achieve the mouse-over effect by adding the "element: hover {display:none;}" style to the element.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css3 realizes the effect of mouse skimming.

In css3, you can use the ": hover" selector and the display property to achieve the mouse-over effect.

Simply use the ": hover" selector to select the state of the element over the mouse and add the "display:none;" style to hide the element.

In this way, the element is hidden when the mouse is over the element, and the element is displayed when the mouse slides out of the element.

Div {width: 520px; height: 50px; background-color: # 008000; / * display: block * /} div:hover {display:none;}

At this point, I believe that everyone on the "css3 how to achieve the mouse over the hidden effect" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!