CSS transforms

This tool allows you to preview the result of a CSS transformed element.
When you change any of the transform or transform-origin values, the preview area will update accordingly and will show both the unstyled element and the transformed element.

transform transform origin

Some examples rotate(90deg) - center rotate(54deg) - top left matrix(1, 0.5, 1, 0, 0, 0) - center center scale(.5) translate(-100px, -100px) rotate(30deg) - top right rotate3d(.5,1,2,200deg) - center