HTML实现图片360度循环旋转
效果图
//css代码
.header{
-webkit-animation:rotateImg 1s linear infinite;
width: 80px ;
height: 80px;
border: 1px solid #ccc;
vertical-align: middle;
}
@keyframes rotateImg {
0% {transform : rotate(0deg);}
100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
0%{-webkit-transform : rotate(0deg);}
100%{-webkit-transform : rotate(360deg);}
}
//html代码
<img class="header" src="me.png">