8.6-animation-delay.md

7.6 animation-delay

animation-delay 說明

通常一個動畫的效果，只要套用至某元素上，就會直接開始執行。

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

關於秒數的設定

例：1秒

animation-delay: 1s;

例：0.1 秒或 100 毫秒

animation-delay: 0.1s;
animation-delay: 100ms;

例：

{% embed url="https://codepen.io/carlos411/pen/NWePrrE" %}