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>

原文地址：http://blog.csdn.net/ly305750665/article/details/71499497