在制作網頁動畫效果時，我們可能會想要讓動畫在某個時刻開始執行，而不是立即啟動。在這種情況下，就需要使用CSS動畫延遲執行的技巧。

animation-delay: 1s; //延遲1秒執行動畫

上述代碼意思是讓動畫執行時間推遲1秒，也就是說，動畫將在1秒后才開始執行。如果我們需要推遲更長時間，則可以輸入更大的值，例如：

animation-delay: 5s; //延遲5秒執行動畫

需要注意的是，延遲執行只對animation屬性有效。如果我們使用transition屬性，那么延遲效果就不會生效。例如：

/* 這段代碼不會起作用 */
.transition {
transition: width 2s;
animation-delay: 1s; 
}
/* 這段代碼會起作用 */
.animation {
animation: slidein 2s;
animation-delay: 1s;
}
@keyframes slidein {
from {margin-left: 100%;}
to {margin-left: 0%;}
}

最后，我們需要注意的是動畫的延遲執行需要根據實際情況選擇。如果我們的網頁需要快速加載，且需要盡快展示出來，那么什么都不用做，立即執行就可以了。但是如果我們希望頁面更具藝術感或者需要在特定時刻執行動畫，那么就需要使用動畫延遲效果。