Можно ли использовать отрицательные значения в 2D transform? Какой эффект?

Question

Accepted Answer

## Да

Отрицательные значения — обычная практика.

## Эффекты

- `translate(-50%, -50%)` — сдвиг влево/вверх (часто для центрирования absolute);
- `scale(-1, 1)` — зеркало по X; `scale(1, -1)` — по Y;
- `rotate(-15deg)` — поворот против часовой (в стандартной системе координат CSS);
- `skewX(-10deg)` — наклон в другую сторону.

```css
.center {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
.flip { transform: scaleX(-1); }
```

## Итог

Минус — направление/отражение. Особенно полезен `translate(-50%, -50%)` и зеркалирование иконок.