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

Editor to share with you how CSS3 uses transition to achieve the effect of mouse hover and fade in and out. I hope you will get something after reading this article. Let's discuss it together.

Code:

Document

Div.demo {

Float: left

Border:1px solid # ccc

}

Div.demo i {

Cursor: pointer

Height: 50px

Transition: opacity 2s

Width: 50px

Background: # 000

Float: left

Margin: 5px

Opacity: 0

}

Div.demo i:hover {

Opacity: 1

Transition-duration: 0s

}

After reading this article, I believe you have a certain understanding of "how CSS3 uses transition to achieve the effect of mouse hover and fade in and out". If you want to know more about it, welcome to follow the industry information channel, thank you for your reading!

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.