CSS是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一種語言，它可以為網(wǎng)頁(yè)添加各種各樣的效果。其中，常用的一個(gè)特效就是GIF圖效果。

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

上述代碼中，我們首先給這個(gè)div添加一個(gè)類名為“.gift-image”，然后為其添加一個(gè)動(dòng)畫效果。在動(dòng)畫中，我們通過旋轉(zhuǎn)來模擬GIF圖的動(dòng)態(tài)效果。在這里，我們使用了CSS3的簡(jiǎn)寫語法“animation”來實(shí)現(xiàn)動(dòng)畫的綁定。其中，“animate-gift”是我們自己定義的動(dòng)畫名稱，“1s”表示動(dòng)畫的時(shí)間長(zhǎng)度，“infinite”表示無限循環(huán)。

接著，在關(guān)鍵幀中，我們定義了三個(gè)時(shí)間點(diǎn)，分別為0%、50%和100%。這三個(gè)時(shí)間點(diǎn)分別表示動(dòng)畫的起始、中間和結(jié)束。在這里，我們通過CSS3的“transform”屬性來實(shí)現(xiàn)旋轉(zhuǎn)效果。其中，“rotate”表示旋轉(zhuǎn)角度，0deg表示不旋轉(zhuǎn)。因此，我們通過這段CSS代碼，就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的GIF圖效果。

總之，CSS可以為網(wǎng)頁(yè)添加各種各樣的特效，其中GIF圖效果是其中不容錯(cuò)過的特效之一。通過以上代碼，我們可以方便地實(shí)現(xiàn)一個(gè)簡(jiǎn)單的GIF圖效果。