UTILS.
Приватность по умолчанию
⤢

Генератор CSS Transform

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

Ваши файлы остаются на этом устройстве

Файлы обрабатываются в браузере и не отправляются на сервер. Сайт загружает код и ресурсы для работы инструментов. Без аккаунтов и трекеров.

Нажмите «Скачать», чтобы сохранить инструмент одним HTML-файлом для работы офлайн.

Конфиденциальность →

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

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

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

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

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