CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose

CSS3实现的鼠标悬浮开门关门效果代码实例:
本章节分享一段代码实例，它利用CSS3模拟实现了简单的开门关门效果。
代码实例如下:

上面的代码实现了我们的要求，代码根本无需过多介绍，只需要明白各个属性的原理就可以了。
相关阅读:
（1）.border-color属性可以参阅css3的border-color用法详解一章节。
（2）.transition可以参阅CSS3的transition属性详解一章节。
（3）.:before可以参阅CSS的伪对象选择符before/E::before一章节。
（4）.border-radius可以参阅CSS3实现圆角效果一章节。

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

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