UTILS.
Приватність за замовчуванням
⤢

Генератор CSS Transform

Поєднайте translate, rotate, scale і skew в одну CSS-трансформацію з живим переглядом.

Ваші файли залишаються на цьому пристрої

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

Натисніть «Завантажити», щоб зберегти інструмент одним HTML-файлом для роботи офлайн.

Конфіденційність →

Про цей інструмент

Пересувайте повзунки, щоб поєднати translate, rotate, scale і skewX, переглядайте блок та копіюйте трансформацію, усе у вашому браузері.

Поширені запитання

У якому порядку застосовуються функції?
translate, потім rotate, потім scale, потім skewX, відповідно до порядку, показаного у виводі.
Чому scale — це повзунок у відсотках?
Повзунок працює в діапазоні 0–200% і перетворюється на десятковий коефіцієнт, тож 100% означає scale(1).

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