Over the past few years, web development has completely changed. So does your website visitors. So as a modern web developer, it's crucial to create visually stunning website, which grabs attention of your visitors and compel them to visit your website again and again. And for that, you need to add a visual effects on your website images, or graphics. And that's where CSS image filters kicks in CSS image filters give you access of almost dozens of filters you can use to add visual effects on your website graphics on the web. It's like a Photoshop filter.

But for the browser, for example, this is the original image and I have changed the brightness of it in Photoshop. But if we use CSS filter, you don't have to go to Photoshop and apply any filters you can directly use this image filter to create the same effect on the fly on the browser. As of right now, CSS image data property gives you access to 10 image filters Including gray sepia contrast, brightness, saturate opacity, blur, hue, rotate, drop shadow and invert function. And I'm going to show you every filter in action in complete depth. In this course, I'll also show you that how you can chain multiple filters together, in order to create more compelling and complex visual effects. Just like this camera photo editor.

If I click, I can go to adjust. And then I can apply this brightness, you know, see I just the brightness, I can adjust the contrast, I can address the saturation, it's right here like this, and blur and so on. So obviously, if you know JavaScript, you will be able to create this kind of photo editor using CSS image filters. After that, I'll show you that how you can animate your filters. Hi there. My name is Rahul Gandhi.

And I'm a web developer and graphic designer who have over 10 plus experience in web development, and I have recorded over 60 plus hour video on CSS, and I'll be your guide for this course. So don't be sleeps therapy quieter and let's get started with this is image filters add a visual effect to the images