当前位置:Gxlcms > html代码 > CSS3实现的鼠标悬浮和移开div淡入淡出效果_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:28人阅读

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/

人气教程排行