css 旋转动画 

 1 .btns img{
 2      width: 30px;
 3      margin:0 10px;
 4      cursor: pointer;
 5      filter:brightness(60%)
 6 }
 7 .btns img:hover{
11      -webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
12      transform: rotate(360deg);
13 
14      -webkit-transition: -webkit-transform 500ms linear;/*transform进行动画，动画用时1秒钟*/
15      transition: -webkit-transform 500ms linear;
16             
17      filter:brightness(100%)
18 }

 

posted @ 2021-01-27 15:21  虚无——缥缈  阅读(139)  评论(0)  编辑  收藏  举报