Transforms
Enhance your designs with one of the most powerful features in CSS
9 lessons 24 examples 9 exercises
-
Lesson 1
What are CSS transforms?
An overview of CSS transforms
Free Lesson! -
Lesson 2
Translate
Moving elements in a 2D space
-
Lesson 3
Scale
Resize elements in all directions
-
Lesson 4
Rotate and Skew
Distort elements
-
Lesson 5
Other Transform Features
Origin, multiplicity, and matrix
-
Lesson 6
3 Dimensions
Add another dimension
-
Lesson 7
Translate 3D
Move closer or farther
-
Lesson 8
Rotate 3D
Go 360 degrees in all dimensions
-
Lesson 9
Flip Card
A common use case