CSS怎么加動圖？
CSS可以用來加動圖，并使其具有互動性。讓我們來學(xué)習(xí)如何加入動圖，以及如何讓它更有趣。
首先，我們需要一個動圖。我們可以在GIF工具中創(chuàng)建一個動畫，并將其保存為.gif文件。然后，我們可以將它添加到我們的HTML文檔中。
例如，我們的HTML代碼如下：

<img src="animated.gif">

我們現(xiàn)在可以看到一個靜態(tài)的動圖。但是，我們可以通過CSS來實現(xiàn)互動性。
要使動圖擁有互動性，我們可以使用CSS動畫。 CSS動畫是一種讓元素運動或改變形狀的方法。
我們可以使用@keyframes規(guī)則來定義動畫。如下所示：

@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

在上面的示例中，我們定義了一個名為“rotation”的動畫，它從一個角度旋轉(zhuǎn)到另一個角度。
現(xiàn)在我們需要將動畫應(yīng)用于圖像。我們可以使用animation屬性來實現(xiàn)這一點。例如：

img {
animation: rotation 2s infinite linear;
}

在上面的示例中，我們將我們定義的動畫“rotation”應(yīng)用于圖像。此外，我們還設(shè)置了動畫的持續(xù)時間（2秒），循環(huán)（infinite）和運動方式（linear）。
現(xiàn)在，每當(dāng)我們刷新頁面時，圖像將旋轉(zhuǎn)。
我們還可以添加更多的動畫效果，例如縮放、移動等。我們可以使用transform屬性來實現(xiàn)這些效果。例如，要使圖像變大，請使用以下代碼：

img:hover {
transform: scale(1.2);
}

在上面的代碼中，我們使用:hover偽類選擇器，表示圖像在鼠標(biāo)懸停時應(yīng)用該效果。我們使用transform：scale（1.2）屬性來使圖像變大。
這只是CSS動畫的一個例子。通過學(xué)習(xí)動畫和transform屬性的不同方法，您可以創(chuàng)建出彩的動畫效果。
所以，這就是CSS如何加動畫的介紹。試著使用這些技巧來創(chuàng)建令人驚嘆的動畫吧！