CSS是網頁設計中不可或缺的一部分，可以通過它來設置頁面的布局、顏色、文字樣式等。而在CSS中添加gif圖片，可以增加頁面的視覺效果，使頁面更加生動。

background: url("../images/animation.gif") no-repeat center center fixed;

上述代碼是CSS中添加gif圖片的基本格式。其中，url為指向gif圖片位置的路徑，no-repeat表示不重復顯示圖片，center center表示在頁面中垂直和水平方向上居中顯示，fixed則表示在浮動情況下固定圖片位置。

除了上述基本代碼外，還可以通過調整圖片在頁面中的位置和大小，設置圖片在鼠標懸停時的效果等來增強頁面效果。

background: url("../images/animation.gif") no-repeat center top;
background-size: cover;
}
.animation:hover {
background-position: center bottom;
}

以上代碼表示當鼠標懸停到class為animation的元素時，gif圖片會從中心位置移動到底部位置，并且設置了圖片的大小覆蓋整個元素。通過這種方式，可以為網頁帶來更加流暢的動態效果。

需要注意的是，gif圖片的大小和數量要合理，避免過度占用頁面資源和影響加載速度。