From the course: CSS: Images
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Filters overview
- [Instructor] The filter property is used to apply one or more filters to an element. It's typically used to change the appearance of images, but it can also be used for any other elements. A popular example of this is using filter blur to blur text. An important thing to note here, when you apply the filter to an element, it applies to everything within that element. So, if you have a containing element and you set filter a gray scale on it, then everything inside that element becomes gray scale. And the images, background, images, texts, whatever, even including the borders, everything turns gray scale. A filter is applied to an element by calling the filter property and one or more of its functions or methods. These functions have easily understandable names, like blur, contrast, gray scale and so on and are set using values. In this example, I've applied all the filters to an image and then turn them off in the…
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.