Scribd
Upload
51 views3 pages

CSS Transform Property Explained

The CSS transform property allows 2D and 3D transformations like scaling, skewing, rotating, and translating elements on a webpage. The transform-origin property controls the point of origin for transformed elements by adjusting their position on the x, y, and z axes. Common transform values include scale, skew, translate, and rotate.

Uploaded by

ankush
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
51 views3 pages

CSS Transform Property Explained

The CSS transform property allows 2D and 3D transformations like scaling, skewing, rotating, and translating elements on a webpage. The transform-origin property controls the point of origin for transformed elements by adjusting their position on the x, y, and z axes. Common transform values include scale, skew, translate, and rotate.

Uploaded by

ankush
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

CSS TRANSFORM

PROPERTY
Transform Properties

The transform property applies a 2D or 3D


scale
transformation to an element. This property
allows you to rotate, scale, move, skew, etc., skew
elements.
translate
rotate
Transform Origin

The transform-origin property allows you to


Supported values:
change the position of transformed
elements. left
center
2D transformations can change the x- and
y-axis of an element. 3D transformations can right
also change the z-axis of an element.
length
%

You might also like