添加CSS動(dòng)畫(huà)的步驟如下：

1、在HTML中定義需要添加動(dòng)畫(huà)的元素，我們可以創(chuàng)建一個(gè)div元素，并給它一個(gè)類(lèi)名，quot;my-element"。

2、在CSS中定義動(dòng)畫(huà)，我們可以使用@keyframes規(guī)則來(lái)定義動(dòng)畫(huà)，

@keyframes my-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100px);
  }
}

這個(gè)動(dòng)畫(huà)會(huì)將元素從原始位置移動(dòng)到100像素的位置。

3、將動(dòng)畫(huà)應(yīng)用到元素上，我們可以在元素的樣式中使用animation屬性來(lái)指定動(dòng)畫(huà)的名稱、持續(xù)時(shí)間和其他參數(shù)，

.my-element {
  animation: my-animation 2s ease-in-out;
}

這個(gè)樣式會(huì)將"my-element"類(lèi)名的元素應(yīng)用"my-animation"動(dòng)畫(huà)，持續(xù)時(shí)間為2秒，并使用ease-in-out緩動(dòng)函數(shù)。

4、在瀏覽器中查看效果，我們可以將HTML和CSS代碼復(fù)制到瀏覽器中，并查看元素是否按照我們定義的動(dòng)畫(huà)進(jìn)行移動(dòng)。

通過(guò)以上步驟，我們可以輕松地添加CSS動(dòng)畫(huà)到我們的網(wǎng)站中，使網(wǎng)站更加生動(dòng)、有趣。