lecture 13 web design and development complete html css js bootstrap php and wordpress | sajjad rogi

lecture 13 web design and development complete html css js bootstrap php and wordpress | sajjad rogi
CSS 2D Transforms Methods
With the CSS transform property you can use the following 2D transformation methods:
CSS 2D Transforms
CSS transforms allow you to move, rotate, scale, and skew elements.
translate()
The translate() method moves an element from its current position (according to the parameters given for the X-axis and the Y-axis).
rotate()
The rotate() method rotates an element clockwise or counter-clockwise according to a given degree.
scaleX()
The scaleX() method increases or decreases the width of an element.
scaleY()
The scaleY() method increases or decreases the height of an element.
scale()
The scale() method increases or decreases the size of an element (according to the parameters given for the width and height).
skewX()
The skewX() method skews an element along the X-axis by the given angle.
skewY()
The skewY() method skews an element along the Y-axis by the given angle.
skew()
The skew() method skews an element along the X and Y-axis by the given angles.