Cita:
Iniciado por Bonez 
Bueno, pensando un poco, supongo que no funciona con
a:hover, porque cuando pones el ratón encima del enlace y empieza la animación, termina enseguida ya que el enlace se va hacia arriba y el ratón ya no está encima del enlace. Creo que vaya a ser eso.
Tiene su lógica, aunque normalmente cuando ocurren estas cosas pasan unos parpadeos raros como
aquí. Supongo que no ocurrían antes porque el enlace en su estado normal era un elemento en línea.
Claro tiene su lógica, pero no entiendo este caso:
- Con posicion relativa: no funcionan los traslateX ni translateY pero sí el top y left (cosa lógica como apuntas).
- Sin posición relativa: no funciona ningún tipo de aspecto, ni el translate ni el left ni top.
Y como estoy aprendiendo a usarlos por eso pregunto jejeje.