動作延遲（CSS animation delay）是CSS3中的一個屬性，它可以控制動畫從何時開始播放。延遲是指動畫開始前等待的時間，它使您有時間在其他的對象上做一些更改或是添加效果。使用動作延遲可以讓您的動畫更加生動有趣，增加用戶體驗。在本文中，我們將介紹如何使用CSS3動畫延遲。

/* 設置動畫延遲3秒 */
.animation-delay {
animation-delay: 3s;
}
/* 在不同關鍵幀設置不同的動畫延遲 */
.animation {
animation: move 5s ease-in-out;
animation-delay: 1s, 2s, 3s;
}
@keyframes move {
0%   { transform: translateX(0); }
25%  { transform: translateX(100px); }
50%  { transform: translateY(-100px); }
75%  { transform: translateY(100px); }
100% { transform: translateX(0); }
}

使用CSS3動畫延遲，您可以將動畫延遲設置為一定時間之后，然后再開始播放。上面的代碼片段中，animation-delay屬性被用來控制動畫延遲。第一個例子設置動畫延遲為3秒，這意味著動畫不會立即開始，而會等待3秒后才會開始。第二個例子演示了如何在不同關鍵幀上設置不同的動畫延遲。

動畫延遲可以用來創建一些有趣的效果，例如，您可以在網頁加載后延遲一段時間來啟動動畫。這樣做可以使您的網頁更加生動有趣，同時還可以讓用戶有更多的時間來看到頁面的其他元素。總之，使用動畫延遲可以增加您的網頁的動感，讓用戶體驗更好。