How to make a text blur in CSS

ByAdministrator

Jun 25, 2014 blur, blureffect, css, effect, html, shadow, text

To make a text blur in CSS you can use the following snippet.

Sample CSS

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

By Administrator

CSS

How to resize a image proportionally with CSS

Feb 18, 2015 Administrator

CSS

How to print url after a link in CSS

Jun 28, 2014 Administrator

CSS

How to flip a image in CSS

Jun 27, 2014 Administrator

2 thought on “How to make a text blur in CSS”

Realliferulor says:

June 25, 2014 at 11:20 am

RT @CodeSnippetsNET: How to make a text blur in #CSS http://t.co/tioXtKPhpT #html #php #js #javascript #jquery #programming

Log in to Reply
js_digest says:

June 25, 2014 at 11:24 am

RT @CodeSnippetsNET: How to make a text blur in #CSS http://t.co/tioXtKPhpT #html #php #js #javascript #jquery #programming

Log in to Reply