简单css3旋转动画

   简单旋转 360 度 ,以前做过忘记了 ,找代码花了十几分钟 ,贴下来以后好cv工程化开发。

div:nth-of-type(4) {

position:absolute;
1.05rem;
height:.98rem;
top:2.45rem;
left:4.4rem;
z-index: 999;
-webkit-animation:zz 4s infinite linear ;
animation:zz 4s infinite linear ;
transform-origin:61% 55%;
-webkit-transform-origin:61% 55%;
-moz-transform-origin:61% 55%;
}

@-webkit-keyframes zz {
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}

100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
原文地址:https://www.cnblogs.com/fordouble/p/7365307.html