Home > Abakada: Back to Basics > Dynamic HTML > CSS Visual Effects > Understanding CSS Transforms
CSS transforms are a set of functions that applies a 2D or 3D transformation to an element.
A transform in CSS is basically a change or shift in the shape and position of content, that allow authors to move, scale, rotate, and skew elements in 2D or 3D space.
Transforms present simple yet powerful visual effects that can help enhance usability and appeal on any web page.
CSS transforms are implemented by calling functions that modify the coordinate space. Each transform function applies a geometric operation to effect the transformation.
A transformation is applied to the coordinate space using the transform property.
In its simplest form, a transform is defined as follows.
element { transform: transform-function }
where transform-function can be one or more of the allowed transform functions, such as rotate, scale, skew, translate, and several others.
NOTE: This section is currently under major reconstruction. Please bear with whatever inconvenience you may encounter; we hope to complete the job at the soonest possible time. 
CSS Transform Functions