transform
transform is a CSS property in the Transform category. Applies 2D and 3D transformations to elements. The syntax is transform: none | <transform-function>+. A typical example: transform: rotate(45deg) scale(1.2); It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 4+, Firefox 5+, Safari 3.1+, Edge 12+. A close relative is transform-origin, which applies 2D and 3D transformations to elements. A close relative is transform-style, which applies 2D and 3D transformations to elements. A close relative is perspective, which applies 2D and 3D transformations to elements. More about this category: CSS transform properties for 2D and 3D transformations. Related Transform entries: transform-origin, transform-style, perspective, perspective-origin, backface-visibility, rotate, scale, translate. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support. You can look up any other entry from the search page or return to the CSS Reference homepage.