UTILS.
100% в браузере

Генератор CSS Transform

Соберите translate, rotate, scale и skew в единый CSS transform с живым предпросмотром.

Об этом инструменте

Перетаскивайте ползунки, чтобы комбинировать translate, rotate, scale и skewX, смотрите предпросмотр блока и копируйте transform — всё прямо в браузере.

Часто задаваемые вопросы

В каком порядке применяются функции?
Сначала translate, затем rotate, затем scale, затем skewX — в том порядке, что показан в результате.
Почему scale — это ползунок в процентах?
Ползунок идёт от 0 до 200% и преобразуется в десятичный множитель, поэтому 100% означает scale(1).

Больше инструментов