CSS GIF禎是在CSS中使用標記的GIF圖像。該標記允許您在網頁中的任何位置插入GIF，而無需使用任何JavaScript代碼。

CSS GIF禎可以用于許多目的。例如，您可以使用它們來制作動畫，圖標，切換按鈕等等。通過在CSS中設置動畫幀，您可以控制圖像的速度和動作。這使得GIF禎非常適合創建交互式和動態的網頁元素。

.example {
background-image: url('animation.gif'); /* 設置GIF禎 */
animation: play 1s steps(10) infinite; /* 設置動畫 */
}
@keyframes play {
from {
background-position: 0;
}
to {
background-position: -500px;
} 
}

在上面的CSS代碼中，我們首先使用background-image屬性將動畫GIF設置為元素的背景圖像。然后，我們使用animation屬性定義動畫。在這種情況下，我們將調用名為play的動畫，它將以1秒的速度播放10個框的GIF無限次。此外，我們還通過keyframes關鍵字定義了動畫，從0到-500像素的背景位置，使圖像在元素上向左移動。

總之，CSS GIF禎是一種有用而強大的網頁元素，可以讓您在網頁上添加交互性和動態性。您可以使用關鍵幀控制圖像的運動，并使用animation屬性定義動畫的速度和重復次數。