Animar una lista de enlaces con CSS

CSS3 Logo

Con este código, cuando pasas el cursor por encima del enlace de una lista, cada enlace se mueve un poco a la derecha. Realizado enteramente con CSS sin necesidad de jQuery:

[code lang=”css”]
#animateList li a {
cursor: pointer;
-webkit-transition: padding-left 250ms ease-out;
-moz-transition: padding-left 250ms ease-out;
}

#animateList li a:hover {
padding-left: 10px;
}
[/code]

Recomendado