5.6 延遲 animation-delay

animation-delay 說明

通常一個動畫的效果，只要套用至某元素上，就會直接開始執行。但我們可以另外設一個延遲時間，例如 1 秒，那當元素套用至動畫效果後，會先等待 1 秒，然後才會開始執行動畫效果。就是透過 animation-delay 來達成的。

關於秒數的設定

例：1秒

animation-delay: 1s;

例：0.1 秒或 100 毫秒

animation-delay: 0.1s;

animation-delay: 100ms;

範例