CSS动画速记属性

来自菜鸟教程
跳转至:导航、​搜索

使用 CSS 动画速记轻松运行动画:

animation: crazy 4s ease-in-out 0.5s 12 backwards;
  • crazy:动画名称
  • 4s:持续时间
  • 缓进出:定时功能
  • 0.5s:延迟
  • 12:迭代次数
  • 向后:填充模式

定时功能

animation-timing-function 可以采用以下值之一:linear、ease、ease-in、ease-out、ease-in-out 或cubic-bezier(…)。

填充模式

animation-fill-mode 可以采用以下值之一:none、forwards、backwarts 或两者。