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%)
Written by Rico Sta. Cruz
Related protips
3 Responses
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
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#