css 旋转

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

---------------------

本文来自 雨田哥 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/ly305750665/article/details/71499497?utm_source=copy 

 

转载于:https://www.cnblogs.com/hellowzd/p/9706472.html