Chapter 1: 2D Transforms

29 tasks and 3 challenges   beta

We will rotate, skew, move, reduce, and enlarge objects as well as blow them up with fireballs, teleport them, and use telekinesis. And, of course, we will take a look at some cool techniques for using transforms to create decorative effects.

Get access
Moving objects horizontally Task
Moving objects vertically Task
Fireball training Task
Increasing and decreasing the size Task
Defending the city Task
The beginning of the journey Task
The maze Task
The battle, part 1 Task
The battle, part 2 Task
Test: The mysterious card Challenge
The battle, part 3 Task
Test: The shattered crystal Challenge
The final battle Task
Features of transform-origin, part 1 Task
Features of transform-origin, part 2 Task
Features of transform-origin, part 3 Task
Features of transform-origin, part 4 Task
Centering with transform: translate Task
Rotating the text in blocks Task
Rotating the text in the background Task
Custom shadows Task
On-hover effects: buttons, part 1 Task
On-hover effects: buttons, part 2 Task
On-hover effects: buttons, part 3 Task
On-hover effects: the gallery Task
The “stack” of cards Task
Preparing the round menu Task
Round menu, step 1 Task
Round menu, step 2 Task
Round menu, step 3 Task
The round menu, final part Task
Test: Arranging the cards Challenge