欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS3实现的鼠标悬浮和移开div淡入淡出效果_html/css_WEB-ITnose

程序员文章站 2022-05-09 21:49:50
...
CSS3实现的鼠标悬浮和移开div淡入淡出效果:
本章节介绍一下如何利用css3实现鼠标悬浮和离开div实现淡入淡出效果。
代码实例如下:

蚂蚁部落

上面的代码实现了我们的效果,当鼠标悬浮可以实现元素的淡入淡出效果。
当然这里是元素,不是div,当然div也不成任何问题了,这里只是方便演示而已。
transition-duration属性可以参阅CSS3的transition-duration 属性详解一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16813

更多内容可以参阅:http://www.softwhy.com/divcss/