CSS3关键帧

CSS3关键帧

---

CSS3 @keyframes

keyframes定义

关键帧，可以指定任何顺序排列来决定animation动画变化的关键位置

使用说明

使用@keyframes规则创建动画，通过逐步改变从一个CSS样式设定到另一个。
在动画中可以通过@keyframes规律多次更改CSS样式的设定

语法

@keyframes animationname{
    keyframes-selector{
        css-styles;
    }
}

参数说明

keyframes-selector：必写项，动画持续时间的百分比，0-100%、from（0%）、to（100%）