温馨提示×

CSS动画属性有哪些

css
小亿
127
2023-10-11 22:51:49
栏目: 编程语言

CSS动画属性有以下几种:

  1. animation-name:指定一个关键帧动画的名称。

  2. animation-duration:指定一个动画周期的持续时间。

  3. animation-timing-function:指定动画的时间进度曲线,可以用于实现加速或减速效果。

  4. animation-delay:指定动画开始之前的延迟时间。

  5. animation-iteration-count:指定动画的循环次数,可以是一个具体的数值,也可以是"infinite"表示无限循环。

  6. animation-direction:指定动画播放的方向,可以是"normal"(正常播放)、“reverse”(反向播放)、“alternate”(在正向和反向之间循环播放)或"alternate-reverse"(在反向和正向之间循环播放)。

  7. animation-fill-mode:指定动画在执行前和执行后如何应用样式,可以是"none"(不应用样式)、“forwards”(执行后使用动画结束时的样式)、“backwards”(执行前使用动画开始时的样式)或"both"(同时使用动画开始和结束时的样式)。

  8. animation-play-state:指定动画的播放状态,可以是"running"(运行中)或"paused"(暂停)。

  9. animation:通过简写属性一次性设置动画的多个属性。

这些属性可以用于创建各种动画效果,包括平移、旋转、缩放、淡入淡出等等。

0