CSS動畫是現代網頁設計中非常重要的元素，能夠讓網頁更加豐富多彩，增強用戶體驗。但有時我們需要延遲動畫的播放，以便網頁加載完畢后再展示動畫效果。

實現CSS動畫延遲播放的方法有很多種，下面我們介紹其中兩種。

1.使用延遲屬性

/*在CSS中加入以下代碼*/
.delay{
animation-delay: 2s;/*2s為延遲的秒數*/
}

在需要延遲播放動畫的元素上，加上類名delay，然后在CSS中為該類名加上animation-delay屬性即可。該屬性用于延遲動畫的啟動時間，單位為秒。

2.JavaScript延遲觸發動畫

/*在CSS中加入以下代碼*/
@keyframes example {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
/*在JavaScript中加入以下代碼*/
setTimeout(function(){
document.getElementById("box").className += " example";
}, 2000);//2000為延遲的毫秒數

在CSS中定義動畫，然后在JavaScript中使用setTimeout延遲一定時間后觸發動畫。即通過修改元素的className屬性，將需要播放動畫的類名加入其中，觸發CSS動畫。在示例代碼中，我們將元素的id設置為"box"，將className設置為"example"，延遲2秒后觸發動畫。

以上兩種方法都能實現CSS動畫的延遲播放，具體選擇哪種方法，取決于具體的需求和設計要求。