css 实现图片一直旋转

@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.imgRotate{
-webkit-transform: rotate(360deg);
animation: rotation 0.4s linear infinite;
-moz-animation: rotation 0.4s linear infinite;
-webkit-animation: rotation 0.4s linear infinite;
-o-animation: rotation 0.4s linear infinite;
}

可通过jQuery $('.selector').addClass("imgRotate") 来实现不停旋转
$('.selector').addClass("imgRotate"); 来停止旋转

你可能感兴趣的:(css 实现图片一直旋转)