HTML实现图片360度循环旋转

<style>
.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);}
}
</style>


<p style="margin: 50px;"><img class="header" src="http://blog.xinlvtian.com/wp-content/uploads/2018/01/logo.png"/></p>