HTML & CSS EnhancementsLesson 30Free preview
Transforms
This lesson is part of Intro to HTML & CSS · All levels
Summary
Transforms shift, rotate, magnify, and tilt elements visually without changing the original layout. This material discusses the functions of translate, rotate, scale, skew, and transform-origin reference dots. Transform into a very common transition and animation complement.
Key points
- Main functions: translate, rotate, scale, skew
- The transform is visual and does not change the position of the elements in the layout groove
- Transform-origin determines the axis of transformation
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.