Animacion on hover con jQuery y CSS

[Trublux]

Puedes usar "transform" de CSS3:

Código CSS:

.claseX {
width: 20px;
height: 20px;
background: red;
transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-webkit-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
}
.claseX:hover {
background: black;
transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-webkit-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
}