In this video i will talk about 2D Transforms in CSS

Creating animated web elements is an important feature of web design. For instance, you may be designing a button that you want to skew when the user hovers over the button.

That’s where the CSS transform property comes in. The transform property is used to move, rotate, skew, and scale elements on a web page. This allows you to make a web page more interactive for the user.

CSS transforms allow you to move, rotate, scale, and skew elements.

With the CSS transform property you can use the following 2D transformation methods:

translate()
rotate()
scaleX()
scaleY()
scale()
skewX()
skewY()
skew()
matrix()