在CSS中，我們可以使用@keyframes規(guī)則來添加動(dòng)畫效果。@keyframes規(guī)則用于創(chuàng)建動(dòng)畫，其中可以定義動(dòng)畫的各個(gè)階段，下面是一個(gè)簡單的例子：

@keyframes example {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)名為example的動(dòng)畫，其中背景顏色從紅色變?yōu)辄S色，再到藍(lán)色，***后變?yōu)榫G色，我們可以將這個(gè)動(dòng)畫應(yīng)用到任何元素上，例如一個(gè)div：

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

在這個(gè)例子中，我們將example動(dòng)畫應(yīng)用到div上，并設(shè)置動(dòng)畫持續(xù)時(shí)間為4秒，我們還可以添加其他屬性來進(jìn)一步定制動(dòng)畫，例如animation-timing-function、animation-delay和animation-fill-mode等。

除了@keyframes規(guī)則，CSS還提供了其他添加動(dòng)畫效果的方法，例如使用transition屬性來創(chuàng)建簡單的過渡效果，但@keyframes規(guī)則提供了更大的靈活性和控制力，使我們能夠創(chuàng)建更加復(fù)雜和引人入勝的動(dòng)畫效果。