Chapter 1: 2D Transforms

29 tasks, 3 challenges

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.

Start
1. Moving objects horizontally Task
2. Moving objects vertically Task
3. Fireball training Task
4. Increasing and decreasing the size Task
5. Defending the city Task
6. The beginning of the journey Task
7. The maze Task
8. The battle, part 1 Task
9. The battle, part 2 Task
10. Test: The mysterious card Challenge
11. The battle, part 3 Task
12. Test: The shattered crystal Challenge
13. The final battle Task
14. Features of transform-origin, part 1 Task
15. Features of transform-origin, part 2 Task
16. Features of transform-origin, part 3 Task
17. Features of transform-origin, part 4 Task
18. Centering with transform: translate Task
19. Rotating the text in blocks Task
20. Rotating the text in the background Task
21. Custom shadows Task
22. On-hover effects: buttons, part 1 Task
23. On-hover effects: buttons, part 2 Task
24. On-hover effects: buttons, part 3 Task
25. On-hover effects: the gallery Task
26. The “stack” of cards Task
27. Preparing the round menu Task
28. Round menu, step 1 Task
29. Round menu, step 2 Task
30. Round menu, step 3 Task
31. The round menu, final part Task
32. Test: Arranging the cards Challenge