Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

Well done!

You have completed (UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters!

Instruction

Key Properties and Methods for 2D Transforms

CSS offers several transform methods to apply 2D effects on elements: rotate(angle): Rotates an element by a specified angle (e.g., rotate(45deg)). rotateX(angle) / rotateY(angle): Rotates an element horizontally (X-axis) or vertically (Y-axis). scaleX(value) / scaleY(value): Changes an elementโ€™s width (X-axis) or height (Y-axis) by scaling. scale(x-value, y-value): Scales both the wid...