당신은 CSS3의 animation 기능을 사용할 수 있습니다
.spinning {
animation-name: rotate;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
을 모든 사용자가 회전 할 객체에 바로 회전 클래스를 추가합니다. 애니메이션을 더 느리게 또는 더 빠르게 만들려면 animation-duration 속성을 변경하십시오. 모든 CSS3 속성에 '-moz', '-o', '-webkit'이라는 접두사 접두어를 추가해야합니다. 예를 들어 FF의 경우
.spinning {
-moz-animation-name: rotate;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}
@-moz-keyframes rotate {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
이 필요합니다.
전환이 아닌 CSS3 애니메이션이 필요합니다. – BigBalli