Можно ли задать несколько CSS-переходов на одном элементе?

Question

Accepted Answer

## Да

Через список в `transition` / `transition-property` (и связанных longhand).

```css
.card {
  transition:
    transform 200ms ease,
    box-shadow 300ms ease-out,
    opacity 150ms linear;
}

/* или */
.card {
  transition-property: transform, opacity;
  transition-duration: 200ms, 150ms;
}
```

`transition: all …` работает, но тяжелее контролировать и может анимировать лишнее. Лучше явно перечислять свойства.

## Итог

Несколько transition — норма. Задавайте списком согласованной длины или сокращёнными группами по свойствам.