Blurred text effect using CSS

The following quick-tip shows how to obtain a blurred-text effect using purely CSS. The trick is to set the color property to transparent and set an appropriate text-shadow

Code

p.blur {
color:transparent;
text-shadow:0px 0px 4px #333333;
}

Output

Live Example

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

2017 All rights reserved | Powered by WordPress
Back to top
Theme by dynamicguru.com