US $19.97

CSS Image Filters - Adding Visual Effects To Images (2022)

——   Created by Rahul Giri

Learn to add visual effects to your images on the web using CSS3 image filters.

Share this course:

Lesson time
Skill level

More about this course

CSS Filters are a powerful tool that authors can use to achieve varying visual effects (sort of like Photoshop filters for the browser).

The CSS filter property provides access to effects like blur, grayscale, contrast or color shifting on an element’s rendering before the element is displayed.

Filters are commonly used to adjust the rendering of an image, a background, or a border.

  • Project files are included.

So let me show you how you can add visual effects to your images on the web using this fascinating CSS feature

Let's get started!

The course project

Now that you have learned entirely new CSS skills, I want you to build your next project with CSS Filters.

You can go crazy with this, but I'll recommend sticking with small shuttle image effects with these filters but applying it to a real project.

However, you can use the golden dog image from this course to apply every single visual effect and practice it.

Once you did post it here.

14 Lessons

7 mins
Project File Setup
free preview
4 mins
Grayscale Filter
free preview
4 mins
Sepia Filter
5 mins
Saturate Filter
5 mins
Brightness Filter
5 mins
Contrast Filter
4 mins
Invert Filter
4 mins
Blur Filter
5 mins
Hue Rotate Filter
5 mins
Opacity Filter
5 mins
Drop Shadow Filter
5 mins
Chaining Multiple Filters
6 mins
Animating Filters
1 min
Wrap Up


100% of 1 people enjoyed this course!

John Capello liked this class and said...

Yes, Looking Like. Am Excited to deep dive into it. :) Thank you in anticipation Teacher.

About the instructor

Rahul Giri
Rahul Giri
  • 2 reviews
  • 8 courses

About —

After graduating and holding a degree in "information technology", my professional career beganstarting out a web development and graphics design career …

Read more
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Project included
  • Direct teacher access
  • 58m of on-demand video
  • 1 downloadable file
  • Have a coupon?
  • Checkout