Published Aug 6, 2021Updated Sep 9, 2021
Contribute to Docs
filter property applies graphical effects like blur to an element. It is commonly used to adjust the rendering of images, backgrounds, and sometimes even borders.
- Defines the blur radius of an element.
- Defines the brightness or darkness of an element.
- Defines the contrast on an element.
- Creates a drop shadow effect on an element.
- Converts an element to grayscale.
- Accepts an angle value and rotates the hue of an element.
- Inverts the colors of an element.
- Controls how much of the background is visible through the element it is applied to.
- Increase or decrease the intensity of the color of the element it is applied to.
- Changes the color of an element to sepia.
- Anonymous contributorAnonymous contributor
- Anonymous contributor
Looking to contribute?
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn CSS on Codecademy
Front-End EngineerFront-end engineers work closely with designers to make websites beautiful, functional, and fast.
Includes 34 Courses
With Professional Certification