我是html和css代码的新手,我正在阅读http://www.quarryequipments.com/products/crusher/pe-jaw-crusher.html的源代码,如果我把鼠标放在底部,请看底部的facebook logo,它会慢慢旋转,我怎么能实现那些很酷的东西?
感谢。
答案 0 :(得分:8)
看看这里。
您引用的网站正在使用
.end-public a:hover img {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
答案 1 :(得分:2)
那简单的CSS:
.end_public a:hover img {
transform:rotate(45deg);
transition-duration:1s;
}