Chapter 3: Linear Gradients

19 tasks and  4 challenges  

We will learn what linear gradients are and how you can use them to create interesting decorative effects. We will explore the syntax of the linear-gradient function, pick up some cool tricks, and practice creating complex ornaments using gradients.

Start
1. Hello, linear-gradient! Task
2. Gradient Direction Task
3. Diagonal Gradients Task
4. Gradients at an Angle Task
5. Diagonals vs. Degrees Task
6. Challenge: Application Icons Challenge
7. Uniform Multicolor Gradient Task
8. Color Proportions and Color Stops Task
9. Sharp Color Transitions Task
10. Pseudo-Columns on Gradients Task
11. Challenge: Flags Challenge
12. Color Transitions in px Task
13. Semi-Transparent Gradients Task
14. Repeating Linear Gradient Task
15. Creating a Complex Background – Part 1 Task
16. Creating a Complex Background – Part 2 Task
17. Creating a Complex Background – Part 3 Task
18. Let’s Create a Complex Background – Final Step Task
19. Buttons – Part 1 Task
20. Buttons – Part 2 Task
21. Buttons – Part 3 Task
22. Challenge: Ornament Made of Shurikens Challenge
23. Challenge: Satellites Challenge