首页 > Web开发 > 详细

css3随着外层包裹的旋转里面的图标为正

时间:2020-07-23 15:34:21      阅读:67      评论:0      收藏:0      [点我收藏+]

css3随着外层包裹的旋转里面的图标或者文字正

思路:里面的图标的a跟外面包裹的div反方向旋转就行

css:

.order-item{animation: rotation 22s linear infinite;}
.order-item a{animation: rotationback 22s linear infinite;}

 

@keyframes rotation{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@keyframes rotationback{
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}

 

css3随着外层包裹的旋转里面的图标为正

原文:https://www.cnblogs.com/huanghuali/p/13364261.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!