UTILS.
100% in de browser

CSS Transform Generator

Combineer translate, rotate, scale en skew tot één CSS transform met live voorbeeld.

Over deze tool

Sleep de schuifregelaars om translate, rotate, scale en skewX te combineren, bekijk het vak en kopieer de transform, helemaal in je browser.

Veelgestelde vragen

In welke volgorde worden de functies toegepast?
translate, dan rotate, dan scale, dan skewX, overeenkomstig de volgorde in de uitvoer.
Waarom is scale een percentageschuifregelaar?
De schuifregelaar loopt van 0–200% en wordt omgezet naar een decimale factor, dus 100% betekent scale(1).

Meer tools