> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/css-animation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/css-animation/dong-hua-xiao-guo-animation/5.6-animation-delay.md).

# 5.6 延遲 animation-delay

## animation-delay 說明

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

## 關於秒數的設定

例：1秒

```css
animation-delay: 1s;
```

例：0.1 秒或 100 毫秒

```css
animation-delay: 0.1s;

animation-delay: 100ms;
```

## 範例

{% embed url="<https://codepen.io/carlos411/pen/KKwMgOK>" %}