css gaussian blur effect

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! In case you have used my previous solution for blurring elements with CSS, here’s a revised and improved version with added support for more elements and enabling it only for CSS3-enabled browsers only: The CSS [sourcecode language=”css”] :root .css3-gaussian-blur * { text-shadow: 0 0 … Continue reading “CSS3 Gaussian Blur: Revisited”

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! There is a new and improved version of the solution on this page. Unfortunately, CSS3 does not provide means for creating blur effects out of the box, however we can easily emulate Gaussian Blur by using text-shadow and setting the color of the element to transparent: The following … Continue reading “Creating Gaussian Blur Effect With CSS3”