Blur Text

by James Doyle

HTML

<h1>Nice Text.</h1>

CSS

h1 {
    cursor: pointer;
    margin: 20px;
    color: rgba(0,0,0,0);
    text-shadow: 0px 1px 20px rgba(0,0,0,1);
    font-size: 5em;
    font-weight: bold;

    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

h1:hover {
    color: rgba(0,0,0,1);
    text-shadow: 0px 1px 20px rgba(0,0,0,0);
}