loading動畫在現代網頁設計中體現了越來越重要的作用，它可以增加頁面的視覺吸引力，同時也可以讓用戶等待頁面加載的過程顯得更加有趣。

在使用loading動畫時，一種常見的方法是使用CSS動畫。下面展示了一個簡單的CSS動畫代碼片段，用于實現一個環形加載動畫：

.spinner {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #3498db;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}

以上代碼定義了一個名為“spinner”的CSS類，對應了一個20x20像素的空心圓。CSS類中的“animation”屬性定義了一個名為“spin”的動畫，它將360度旋轉應用于CSS類中的元素，并且在1秒內完成，采用“ease-in-out”的緩動函數。最后一個參數“infinite”使得動畫永遠循環執行。

以上代碼中還定義了一個名為“spin”的CSS動畫，用于定義旋轉的規則。通過定義from-to動畫規則，屬性“transform: rotate(360deg)”表示元素繞著中心360度旋轉。

總的來說，使用loading動畫能夠大大提升用戶體驗。通過使用CSS動畫，便可以輕松實現一個簡單而美觀的loading效果。