CSS是一種用于網頁樣式和布局的語言。在網頁中使用GIF圖是很常見的，這篇文章將會介紹如何在CSS中加載GIF圖。

要在CSS中加載GIF圖，需要使用CSS的“background-image”屬性。該屬性可以將一個圖像作為元素的背景圖像。

例子：
div {
background-image: url('example.gif');
background-repeat: no-repeat;
background-position: center;
}

在上面的代碼中，“background-image”屬性用于指定背景圖像的URL地址，這里是“example.gif”。如果存在其他的圖像設定，則可以使用“background-repeat”屬性來指定背景圖像的重復方式，使用“background-position”屬性來指定背景圖像的起始位置。

對于一個動態的GIF圖，只需按照相同的方式設置，因為動態GIF圖可以看作是一個“gif image sequence”。為了確保GIF圖動畫的流暢，可以使用“animation-duration”屬性指定動畫持續時間并設置“animation-name”屬性來定義動畫名稱。

例子：
div {
background-image: url('example.gif');
background-repeat: no-repeat;
background-position: center;
animation-name: example;
animation-duration: 5s;
animation-iteration-count: infinite;
}
@keyframes example {
from {background-position: 0 0;}
to {background-position: 100% 100%;}
}

在上面的代碼中，“animation-name”屬性指定動畫名稱為“example”，“animation-duration”屬性設置動畫持續時間為5秒并在“animation-iteration-count”屬性中指定動畫的迭代次數為無限大（可視為一個循環）。在元素的“@keyframes”規則中，可以定義動畫的每個關鍵幀的屬性值。例如，在此示例中，我們把“background-position”的初始值設置為“0 0”（極左上角）并將其最終值設置為“100% 100%”（極右下角），從而實現從左上角到右下角的移動。

總之，要在CSS中加載GIF圖，必須使用“background-image”屬性。對于動態的GIF圖，可以通過設置“animation- duration” 和“animation-name”屬性來實現動畫效果，并使用關鍵幀來指定動畫的具體屬性。