CSS動態圖是讓網站頁面更加生動和有趣的一種元素。下面介紹如何使用CSS添加動態圖。

首先，在CSS中創建一個類，例如：“pulse”：

.pulse {
position: relative;
animation: pulse 2s infinite;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #333;
}

以上代碼將創建一個50x50像素的圓形區域，用CSS動畫使其產生“脈沖”效果。

接著，在CSS代碼中添加動畫細節：

@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 1;
}
}

以上代碼將使動畫在2秒鐘內，不斷重組三次，分別從1x大小到1.2x大小，之后回縮至1x大小。

接著，創建HTML元素并將其賦予剛剛創建的CSS類：

最后的結果是一個不斷脈沖的圓形區域。

以上就是如何使用CSS添加動態圖的教程。