Blurry Links

Links that focus on hover.

by James Doyle

HTML

<a href="#">HOVER ME</a><br />
<a href="#">HOVER ME</a><br />
<a href="#">HOVER ME</a>

CSS

a {
    font-size: 2em;
    text-decoration: none;
    color: rgba(0,0,0,0);
    text-shadow: 1px 1px 10px #000;
    -webkit-transition: all 500ms cubic-bezier(0.980, 0.000, 1.000, 1.000); 
}
a:hover {
    font-size: 2em;
    color: rgba(0,0,0,1);
    text-shadow: 1px 1px 1px #000;
}