css实现图片转动

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

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

@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg)
}
}

@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg)
}
to {
-ms-transform: rotate(360deg)
}
}

@-o-keyframes rotate {
from {
-o-transform: rotate(0deg)
}
to {
-o-transform: rotate(360deg)
}
}

img {
animation: 9.5s linear 0s normal none infinite rotate;
-webkit-animation: 0.8s linear 0s normal none infinite rotate;
height: 50px;
width: 50px;
border-radius: 50%;
}