CSS blur()
Published Jul 12, 2021Updated Oct 29, 2023
Contribute to Docs
Defines the blur radius of an element.
Syntax
filter: blur(radius);
where a required radius is a length value: 0, 20px, 2.4em
Example 1
Give the image a blur radius of 4px:
.banner-image {filter: blur(4px);}
Contribute to Docs
- 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 engineers work closely with designers to make websites beautiful, functional, and fast.
- Includes 34 Courses
- With Professional Certification
- Beginner Friendly.115 hours
- A full-stack engineer can get a project done from start to finish, back-end to front-end.
- Includes 51 Courses
- With Professional Certification
- Beginner Friendly.150 hours