html让图片自动旋转360,HTML实现图片360度循环旋转

.header{

-webkit-animation:rotateImg 5s linear infinite;

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);}

}