From the course: CSS: Enhancing Website Graphics
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Combine multiple filters - CSS Tutorial
From the course: CSS: Enhancing Website Graphics
Combine multiple filters
- [Instructor] In the last video, we learned about the wealth of filters available with CSS. In this short video, we'll explore how to combine multiple filters to create new effects. To apply more than one filter to an object, include each filter definition in a space-separated list. Depending on the order, you can get quite a different overall image. Let's see some examples. In this example, let's see the effect of applying both a contrast filter and a brightness filter to the same object. Let's start with the contrast filter. We'll set the contrast value to four. And now, let's apply the brightness filter, increasing the brightness up to a value of eight. Okay, now let's switch those filters around so that we first apply the brightness filter and then the contrast filter. Here's the brightness set at eight. And now let's increase the contrast. And as you can see, we have quite a different image, depending on which filter we apply first. Or consider this example where we first apply…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.