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

Генератор CSS Transform

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

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

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

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

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

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