css3动画

定义动画
@keyframes rotatefresh {
            from { transform: rotate(0deg) }
            to {
                transform: rotate(360deg);
                transition: all 0.6s;
            }
        }

//调用动画
//display: inline-block;不是一定要加,只是为了避免一些奇葩场景要旋转的元素并不是块级元素导致动画不动
   animation: rotatefresh 2s infinite linear;
    display: inline-block;

 

posted @ 2020-12-15 19:32  lzhflzjx  阅读(70)  评论(0)    收藏  举报