帧动画

    @keyframes name{
        from,10%{}
        to{}
    }

    animation:name 2s infinite;
    animation-name // 动画名称(见名知意)
    animation-duration // 动画时间
    animation-iteration-count // 动画次数:infinite

    animation-delay // 动画延迟(连续动画时使用)
    animation-fill-mode // 动画播放开始和结束的时候是否停留在第一帧和最后一帧
    animation-direction // 动画的方向
    animation-play-state // 动画状态: paused running
    animation-timing-function // 速度曲线

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容