Snippets

Blur text effect

Only works on recent browsers (FF3.5 +, Opera 9 +, Safari, Chrome, IE10)

.blurtext {
    color: transparent;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    font-size: 40px;
    -webkit-transition: text-shadow 1.9 ease-out; 
    -moz-transition: text-shadow 1.9 ease-out; 
    -ms-transition: text-shadow 1.9 ease-out; 
    -o-transition: text-shadow 1.9 ease-out; 
    transition: text-shadow 1.9 ease-out;
}

Source: http://code-snippet-blog.dennispollack.de/2012/03/text-blur/...

Share this snippet

 

Leave a Reply

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

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!