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

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

Well done!

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

Sign up for Treehouse Back to Library
Instruction

Key Properties and Methods for 2D Transforms

CSS offers several transform methods to apply 2D effects on elements:

  1. rotate(angle): Rotates an element by a specified angle (e.g., rotate(45deg)).
  2. rotateX(angle) / rotateY(angle): Rotates an element horizontally (X-axis) or vertically (Y-axis).
  3. scaleX(value) / scaleY(value): Changes an element’s width (X-axis) or height (Y-axis) by scaling.
  4. **scale...