Blur effect on a div element

Question

Is it possible to add a gaussian blur on div element  If yes  how I can do this

User · Answer

This is what I found   Demo  http   tympanus net Tutorials ItemBlur   and Tutorial  http   tympanus net codrops 2011 12 14 item-blur-effect-with-css3-and-jquery

User · Answer

I got blur working with SVG blur filter   CSS  -webkit-filter  url  svg-blur           filter  url  svg-blur     SVG   lt svg id  svg-filter  gt       lt filter id  svg-blur  gt           lt feGaussianBlur in  SourceGraphic  stdDeviation  4  gt  lt  feGaussianBlur gt       lt  filter gt   lt  svg gt    Working example   https   jsfiddle net 1k5x6dgm   Please note - this will not work in IE versions

User · Answer

Try using this library   https   github com jakiestfu Blur js-II   That should do it for ya

User · Answer

I think this is what you are looking for  If you are looking to add a blur effect to a div element  you can do this directly through CSS Filters-- See fiddle  http   jsfiddle net ayhj9vb0    div     -webkit-filter  blur 5px     -moz-filter  blur 5px     -o-filter  blur 5px     -ms-filter  blur 5px     filter  blur 5px     width  100px    height  100px    background-color   ccc

[html] Blur effect on a div element

Examples related to html

Examples related to css

Examples related to blur