사진을 HTML로 천천히 회전시키는 방법은 무엇입니까?

Question

나는 html과 css 코드에 익숙하지 않다. http://www.quarryequipments.com/products/crusher/pe-jaw-crusher.html의 소스 코드를 읽고 있는데, 그 안에 마우스를 넣으면 맨 밑의 페이스 북 로고를 보게된다. 천천히 회전 할 것이고, 나는 그 멋진 것들을 어떻게 얻을 수 있을까?

감사합니다. 간단한 CSS의

Answer 1

여기를 보라.

http://daneden.me/animate/

당신이 refrenced 그 사이트가

.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

:

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