Course Content

  • Lecture-46_matrix
  • Lecture-46_rotate
  • Lecture-46_scale
  • Lecture-46_skew
  • Lecture-46_skew-y
  • Lecture-46_skew-x
  • Lecture-46_translate

Course Content


You can use CSS transforms to move, rotate, scale, and skew elements. To observe a 2D transformation, hover your mouse over the element below: Rotate in two dimensions.

You can rotate, scale, skew, or translate an element with the transform CSS property. It alters the CSS visual formatting model's coordinate space.

Rotate, scale, skew, and translate are the four primary two-dimensional transform functions.

The reposition() CSS function repositions an element horizontally and/or vertically. The result is a data type called . A two-dimensional vector characterises this transition. The element's coordinates specify how much it moves in each direction.

The term "transformation" refers to the process of applying rules to change one set of visuals into another. Different forms of transformations are possible, such as translation, scaling up or down, rotation, shearing, and so on. The term "2D transformation" refers to a transformation that occurs on a two-dimensional plane.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere