Skip to content

Instantly share code, notes, and snippets.

@vishaltelangre
Created April 17, 2014 09:34
Show Gist options
  • Save vishaltelangre/10968710 to your computer and use it in GitHub Desktop.
Save vishaltelangre/10968710 to your computer and use it in GitHub Desktop.
cross browser blur filter using css
.blur {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
/* FF doesn't support blur filter, but SVG */
filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '3');
filter: blur(3px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment