CSS 动画属性说明
属性 | 说明 |
---|---|
animation-name | 动画名称 |
animation-duration | 动画持续时间,默认为 0,单位 s(秒)或者 ms(毫秒)。 |
animation-delay | 动画延迟播放时间,默认为 0,单位 s 或 ms |
animation-iteration-count | 动画播放次数,默认为 1,infinite 为无限循环 |
animation-timing-function | 动画加速函数,默认为 ease,还包括 liner、ease-in、ease-out、ease-in-out、setp-start、setp-end、setps(int,start/end)、cubic-bezier(n,n,n,n) |
animation-direction | 动画播放方向,默认 normal,还包括 reverse、alternate、alternate-reverse |
animatio-fill-mode | 动画播放前后模式,默认 none,还包括:forwards、backwards、both |
animation-play-state | 动画播放或者停止状态,默认 running,还包括 paused |
这八种属性,通过 animation 的属性,可以简写,并且可以一个元素套用多个属性,用法如下:
animation:name | duration | timing-function | delay | iteratgion-count | direaction | fill-model | play-state;
先用animation-delay举一个例子
代码: ```html ```
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于