About this tool
Drag the sliders to combine translate, rotate, scale and skewX, preview the box and copy the transform, all in your browser.
Frequently asked questions
What order are the functions applied?
translate, then rotate, then scale, then skewX, matching the order shown in the output.
Why is scale a percentage slider?
The slider runs 0–200% and is converted to a decimal factor, so 100% means scale(1).