在html中使图片慢慢旋转的方法?

时间:2013-08-22 12:14:36

标签: html css

我是html和css代码的新手,我正在阅读http://www.quarryequipments.com/products/crusher/pe-jaw-crusher.html的源代码,如果我把鼠标放在底部,请看底部的facebook logo,它会慢慢旋转,我怎么能实现那些很酷的东西?

感谢。

2 个答案:

答案 0 :(得分:8)

看看这里。

http://daneden.me/animate/

您引用的网站正在使用

.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;
}