CSS小動圖是在網頁設計中常用的元素之一。它不僅能美化頁面，還能增加用戶的體驗和互動性。但是，加載CSS小動圖也存在一定的問題。下面我們來詳細介紹一下CSS小動圖的加載方式。

CSS小動圖的加載方式主要有兩種：使用CSS預加載和使用JS預加載。

//使用CSS預加載

上述代碼是使用CSS預加載的方式。我們可以將CSS小動圖的代碼寫在樣式表中實現。在頁面加載時，瀏覽器就可以提前加載CSS樣式表，使頁面打開更快。

//使用JS預加載

上述代碼是使用JS預加載的方式。我們可以在頁面加載時使用JS代碼，將CSS小動圖所需的圖片提前加載。這樣，在頁面打開時，圖片已經加載完成，可以直接顯示小動圖。

綜上所述，使用CSS預加載和使用JS預加載都是CSS小動圖的常見加載方式。最終選擇哪種方式，要視使用場景而定，選擇適合自己的方式。