CSS 动画实现指南：一步步教你创建动画效果

CSS 动画通过使用 CSS 代码改变一系列属性值来创建动画效果。

通常情况下，CSS 动画需要用两个 CSS 属性来定义：

• 'animation-name'：定义动画的名称
• 'animation-duration'：定义动画运行的时长

例如：

div {
  animation-name: example;
  animation-duration: 4s;
}

@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
}

上面的代码将会把 'div' 元素的背景颜色从红色改变为黄色，动画持续 4 秒。