UTILS.
100% w przeglądarce

Generator CSS Transform

Łącz translate, rotate, scale i skew w jedną transformację CSS z żywym podglądem.

O tym narzędziu

Przeciągaj suwaki, aby połączyć translate, rotate, scale i skewX, podglądaj pole i kopiuj transformację, w całości w Twojej przeglądarce.

Najczęściej zadawane pytania

W jakiej kolejności stosowane są funkcje?
translate, następnie rotate, następnie scale, następnie skewX, zgodnie z kolejnością pokazaną w wyniku.
Dlaczego scale jest suwakiem procentowym?
Suwak działa w zakresie 0–200% i jest przeliczany na współczynnik dziesiętny, więc 100% oznacza scale(1).

Więcej narzędzi