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

Question

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

感谢。

Answer 1

看看这里。

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

Answer 2

那简单的CSS：

.end_public a:hover img {
    transform:rotate(45deg);
    transition-duration:1s;
}