如题,这是我的一点小小记录。平常我们写CSS的时候,为了实现动态效果,总会使用hover,但是冷冷冰冰的效果总是千篇一律,今天来介绍点好东西。
不多说了,我直接上代码,理论上支持所有webkit内核和firefox浏览器,代码如下:
/* 淡入淡出 */
a{
transition: 500ms;
-moz-transition: 500ms;
-webkit-transition: 500ms;
-o-transition: 500ms;
}
a:hover div {
color: white!important;
}
就这么简单,效果很明显,大小自行测试一下吧,我实测可是杠杠的!