在網頁設計中，加載動畫是一個非常重要的元素，可以讓用戶感受到網頁的響應速度，提升用戶體驗。雖然可以使用GIF和視頻來實現加載動畫，但是利用CSS編寫加載動畫也是一個很方便的方法。

CSS提供了很多實現動畫的方法，其中最常用的是使用關鍵幀（@keyframes）來實現加載動畫。以下是一個簡單的加載動畫示例：

.loading {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #999;
border-top-color: #333;
animation: loading 0.8s infinite linear;
}
@keyframes loading {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

在這個示例中，首先定義一個類名為.loading的元素，設置寬度、高度、邊框、邊框顏色和動畫效果。然后在@keyframes中定義動畫效果，從0度旋轉到360度。

這個加載動畫的實現非常簡單，但使用CSS編寫加載動畫也有一些注意事項。首先，需要考慮兼容性，不同瀏覽器對CSS動畫的支持程度是不同的。其次，需要注意動畫的性能問題，如果動畫效果太復雜，可能會影響網頁的加載速度和性能。

總的來說，使用CSS編寫加載動畫是一個非常方便的方法，可以提升用戶體驗，但需要注意兼容性和性能問題。