Last Updated: February 25, 2016
·
810
· rstacruz

Blurring with pure CSS3

img { -webkit-filter: blur(5px); }

There are also other filters you can explore:

-webkit-filter: brightness(80%) contrast(120%) saturate(20%) greyscale(50%)

3 Responses
Add your response

Is there a fallback for firefox?

Thanks ,Bálint!

over 1 year ago ·

The "fallback" is letting the element show unblurred :)

over 1 year ago ·

Does it work on firefox or opera?

over 1 year ago ·