Что вы знаете о `transition`?

Question

Accepted Answer

## Плавное изменение свойств

```css
.btn {
  transition: color 0.2s ease, transform 0.2s ease;
}
.btn:hover { transform: translateY(-1px); }
```

Свойства: `transition-property`, `-duration`, `-timing-function`, `-delay` (и shorthand).

## Ограничения

Анимируются только интерполируемые значения. `display` напрямую не «морфится». Для сложных сценариев — `@keyframes` / WAAPI.

## Perf

Предпочтительнее `transform` и `opacity` (композит). `transition: all` неудобен для отладки и стоимости. Учитывайте `prefers-reduced-motion`.