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;不是一定要加,只是为了避免一些奇葩场景要旋转的元素并不是块级元素导致动画不动

猜你喜欢

转载自www.cnblogs.com/ncellit/p/10184929.html
今日推荐