CSS是網頁設計中非常重要的一種語言，它可以為網頁添加各種各樣的效果。其中，常用的一個特效就是GIF圖效果。

/*CSS代碼*/
.gift-image{
animation:animate-gift 1s infinite;
}
@keyframes animate-gift{
0%{
transform: rotate(0deg);
}
50%{
transform: rotate(360deg);
}
100%{
transform: rotate(0deg);
}
}

上述代碼中，我們首先給這個div添加一個類名為“.gift-image”，然后為其添加一個動畫效果。在動畫中，我們通過旋轉來模擬GIF圖的動態效果。在這里，我們使用了CSS3的簡寫語法“animation”來實現動畫的綁定。其中，“animate-gift”是我們自己定義的動畫名稱，“1s”表示動畫的時間長度，“infinite”表示無限循環。

接著，在關鍵幀中，我們定義了三個時間點，分別為0%、50%和100%。這三個時間點分別表示動畫的起始、中間和結束。在這里，我們通過CSS3的“transform”屬性來實現旋轉效果。其中，“rotate”表示旋轉角度，0deg表示不旋轉。因此，我們通過這段CSS代碼，就可以實現一個簡單的GIF圖效果。

總之，CSS可以為網頁添加各種各樣的特效，其中GIF圖效果是其中不容錯過的特效之一。通過以上代碼，我們可以方便地實現一個簡單的GIF圖效果。