Как отложить старт CSS-перехода?

Question

Accepted Answer

## Через transition-delay

```css
.menu-item {
  transition: opacity 200ms ease, transform 200ms ease;
  transition-delay: 80ms;
}

/* разный delay по свойствам */
.menu-item {
  transition:
    opacity 200ms ease 0ms,
    transform 200ms ease 80ms;
}
```

Delay не запускает transition сам по себе — нужно изменение свойства (класс, `:hover`). Для появления списка часто ставят ступенчатый delay на `:nth-child`.

## Итог

`transition-delay` или delay в сокращённой записи. Помните: без изменения значения ждать нечего.