CSS3常用的循环动画

定义动画

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

调用动画

    animation: rotatefresh 2s infinite linear;
    display: inline-block;
 display: inline-block;不是一定要加,只是为了避免一些奇葩场景要旋转的元素并不是块级元素导致动画不动
posted @ 2018-12-27 14:48  君宁天下  阅读(6336)  评论(0编辑  收藏  举报
野生程序员真的是太难了,一刻也不敢停止学习