Blur Mixin
Simple blur mixin, will work on Chrome 28+, Safari 6+, IE6-9, Firefox 10+
@mixin blur($px: 0) {
-webkit-filter: blur(#{$px}px) !important;
-ms-filter: blur(#{$px}px) !important;
-moz-filter: blur(#{$px}px) !important;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'#{$px}\' /></filter></svg>#blur");
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='#{$px}');
}
Written by C
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Sass
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#