CSS可以通過background-image屬性來實現GIF動畫的效果。首先需要準備一張GIF動畫圖片，然后將其設置為元素的背景圖片，接下來再通過CSS的animation屬性來讓其動起來。

.gif{
width: 100px;
height: 100px;
background-image: url("animation.gif");
animation: play 1s steps(16) infinite;
}
@keyframes play{
from{background-position: 0;}
to{background-position: -1600px;}
}

上述代碼中，首先定義了一個寬高都為100px的元素，并把GIF動畫圖片指定為其背景圖片。然后通過animation屬性來讓其播放動畫，其中play表示動畫名稱，1s表示動畫時長，steps(16)表示在1秒鐘中播放了16幀，infinite表示循環無限次播放。

接下來，需要定義動畫的關鍵幀，即動畫從哪一個狀態到哪一個狀態。關鍵幀中通過background-position來設置背景圖片的位置，撐滿整個動畫時間，使其完整播放一遍。比如上述代碼中表示從0到-1600px，也就是播放完整個圖片。

通過這樣的方式，就可以在網頁中使用CSS實現GIF動畫的效果，無需借助JavaScript或其他工具。