CSS3 transform property – think out of the box

Back to article  |  Solid lines represents original box, dashed lines represent transformed box.

translate()

translateX()

translateY()

scale()

scaleX()

scaleY()

rotate()

skew()

skewX()

skewY()

Multiple transforms