Advanced Search

Return to Snippet

Revision: 48336
at June 29, 2011 04:49 by ptrani
Initial Code 
a.foo {
    padding: 5px 10px;
    background: #69f;
    color: #000;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}
a.foo:hover {
    background: #33f;
    color: #fff;
}
Initial URL 
http://www.paultrani.com
Initial Description 
If you hover the mouse over the link the background color will smoothly change from light blue to dark blue and the font color – from black to white.
Initial Title 
CSS Link Background Transition
Initial Tags 
css, CSS3
Initial Language 
CSS