HTML实现图片360度循环旋转

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">