Shulou(Shulou.com)06/02 Report--

Editor to share with you how css to achieve the mouse after the display leaves the hidden effect, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Implementation method: 1, add "display: none;" style to the element, hide the element first; 2, use the ": hover" selector and "display:block;" style to set the mouse display effect, syntax "parent element: hover element {display:block;}".

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

Css realizes the effect of mouse passing through display and leaving hiding.

Realize the idea:

Hide the element first

Then use the ": hover" selector to set the mouse over style-display elements

Implementation code:

Div {width: 520px; height: 50px; background-color: # 008000;} span {color: azure Display: none;} div:hover span {display:block;} hello

Effect picture:

The above is all the contents of the article "how to display the mouse over the mouse and leave the hidden effect". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.