The "transform" CSS Property

This property modifies the coordinate space of the CSS visual formatting model and lets elements be translated, rotated, scaled, and skewed.

Values for "transform"

CSS Level	Value
CSS Transforms Level 2	"none | <transform-list>", where <transform-list> = "<transform-function>+"

Notes

• Transform functions are separated by whitespace, not commas. Some 2D transform functions are: matrix(), translate(), translateX(), scale(), scaleX(), rotate(), skewX(), and skewY(). Some 3D are: matrix3d(), perspective(), rotateX(), rotateZ(), rotate3d(), scale3d(), and translate3d().

Recommended Links

• CanIUse.com: Search "transform" (browser compatibility information)
• CanIEmail.com: Search "transform" (email client compatibility information)
• CSS Transforms 1: transform property
• MDN: transform property
• Quackit: transform property

Search Engine Links (for more information)

• Bing "CSS transform property"
• Google "CSS transform property"