What do you know about CSS3 2D Transforms?

CSS3 2D Transforms is an effect that lets an element change shape, size and position. It allows you to rotate, translate, scale and skew elements.

Following are 2D transformation methods:

translate() – moves an element from its current position according to the given X-axis and the Y-axis parameters.
rotate() – rotates an element clockwise or counter-clockwise according to a given degree.
Scale() – increases or decreases the size of an element according to the given width and height.
SkewX() – skews an element along the X-axis by the given angle.
SkewY() – skews an element along the Y-axis by the given angle.
skew() – kews an element along the X and Y-axis by the given angles.
Matrix() – combines all the 2D transform methods into one.

Leave a Reply