A shiny link hover effect.

| No Comments | No TrackBacks

This is why you use Safari.

I recorded a short video demo of this effect: Watch it on youtube.

CSS Code:

@-webkit-keyframes shiny {
    from { }
    to   { text-shadow: 0 0 10px #77f; }
}
a:hover {
     -webkit-animation-name: shiny;
     -webkit-animation-duration: 0.7s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
}

Enjoy.

No TrackBacks

TrackBack URL: http://pub.gugod.org/mt/mt-tb.cgi/267

Leave a comment