css 旋转

最新推荐文章于 2024-01-26 17:15:00 发布

weixin_34106122

最新推荐文章于 2024-01-26 17:15:00 发布

阅读量365

点赞数

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