CSS動畫可以為網頁增添生動和活力，讓用戶體驗更加豐富。下面來介紹一下CSS動畫加載的方式。

/* 定義CSS動畫 */
@keyframes myanimation {
from { transform: translateY(0); }
to { transform: translateY(100px); }
}
/* 將動畫應用于元素 */
.myelement {
animation: myanimation 2s ease-in-out infinite;
}

首先，需要定義CSS動畫?？梢允褂聾keyframes關鍵字來定義一個動畫，然后設置動畫的各個幀（from和to）或百分比幀。在上面的例子中，定義了一個名為“myanimation”的動畫，其中元素從當前位置向下移動100個像素。

接下來，需要將動畫應用于一個元素?？梢酝ㄟ^設置animation屬性來實現。在上面的例子中，將動畫應用于名為“myelement”的元素。其中給定的值為“myanimation 2s ease-in-out infinite”，其中2s表示動畫持續2秒，ease-in-out表示動畫緩動效果，infinite表示動畫無限循環播放。

最后，在HTML中添加該元素即可。例如：

<div class="myelement"></div>

這樣，當頁面加載時，CSS動畫就會自動播放。用戶可以享受到網頁更加生動有趣的視覺效果。