Puedes hacer esto de una manera mas fácil de la que lo has hecho: Le asignas una transicion a tu clase, y luego haces que cuando se ponga el ratón encima, se mueva a la ubicación deseada .press { position: relative; top: 0; transition: top ease 0.5s; } .press:hover { top: 10px; }