Можно ли добавить 2D-трансформации в проект через CSS?

Question

Accepted Answer

## Короткий ответ

Да. Свойство `transform` поддерживает 2D-функции: `translate`, `rotate`, `scale`, `skew`, матрицы.

```css
.card:hover {
  transform: translate(8px, -4px) rotate(2deg) scale(1.02);
  transition: transform 180ms ease;
}
```

Точка опоры — `transform-origin`. Трансформ не выводит из потока так же, как `position` (визуально сдвигает, layout-место часто сохраняется для `transform`).

## Итог

2D-трансформы — стандартный CSS, удобны для hover/микроанимаций и обычно дешевле для композитинга, чем двигать через `top`/`left`.