animation

描述

该 animation 属性是一个速记属性，它是以逗号分隔的动画定义列表，每个定义将七个动画属性组合到单个组件值中。

效果展示

语法

animation: <single-animation-name> || <time> ||
  <single-animation-timing-function> || <time> ||
  <single-animation-iteration-count> || <single-animation-direction> ||
  <single-animation-fill-mode> || <single-animation-play-state>;

值

• <animation-name> 有关值，请参阅动画名称 CSS 属性。
• <animation-timing-function> 有关值，请参阅动画计时函数 CSS 属性。
• <animation-iteration-count> 有关值，请参阅动画迭代计数 CSS 属性。
• <animation-direction> 有关值，请参阅动画方向 CSS 属性。
• <animation-fill-mode> 有关值，请参阅动画填充模式 CSS 属性。
• <animation-play-state> 有关值，请参阅动画播放状态 CSS 属性。