Как применить transition сразу к нескольким свойствам?

Question

Accepted Answer

## Практический смысл

Перечислите свойства в одной декларации `transition` или в `transition-property`.

```css
.panel {
  transition: opacity 200ms ease, transform 200ms ease;
}

.panel {
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: ease;
}
```

Одинаковая длительность можно задать один раз в longhand. Избегайте `transition: all`, если анимируете только пару свойств — меньше случайных перерисовок.

## Итог

Список в `transition` — стандартный способ. Явный перечень свойств надёжнее `all`.