the way to make a picture rotate slowly in html? [closed]

Question

I am new to html and css code, I am reading the source code of the http://www.quarryequipments.com/products/crusher/pe-jaw-crusher.html ,look at the facebook logo int the bottom if I put the mouse in it ,it will rotate slowly, how can I achieve that cool things?

Thanks.

Answer 1

Have a look here.

http://daneden.me/animate/

That site you refrenced was using

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