html - html中让图片慢慢旋转的方法？

Question

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

谢谢。

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