Chapter 4: CSS filters

12 tasks and 2 challenges

Let's master CSS filters together: we will learn how to apply filters to different elements as well as how to combine and animate them.

1. Brightness and Contrast Task

2. Grayscale and Sepia Task

3. Invert and Saturate Task

4. Color Rotation, hue-rotate Task

5. Blur and Opacity Task

6. Shadow, drop-shadow Task

7. The Difference Between box-shadow and drop-shadow Task

8. Applying CSS Filters to Text Task

9. Challenge: Using Various Filters Challenge

10. Combination of Filters Task

11. Combining the drop-shadow Filters Task

12. Animating CSS Filters Task

13. Smooth Transitions and CSS Filters Task

14. Challenge: Filter Combinations Challenge