imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace

[dangarb]

Hola a todos.
No se mucho de programación css y estoy intentando hacer una pagina con un efecto en el menú que no consigo hacer del todo.

Me gustaría hacer que al pasar el ratón por el enlace del menú comenzase a aparecer una imagen por debajo. La imagen tiene que subir mientras esté el ratón sobre el enlace y hasta que aparezca por completo. Una vez el ratón se retire del enlace la imagen parará y volverá hacia abajo hasta su posición inicial.

Muchas gracias.

[Nerissa17]

Iniciado por dangarb

Hola a todos.
No se mucho de programación css y estoy intentando hacer una pagina con un efecto en el menú que no consigo hacer del todo.

Me gustaría hacer que al pasar el ratón por el enlace del menú comenzase a aparecer una imagen por debajo. La imagen tiene que subir mientras esté el ratón sobre el enlace y hasta que aparezca por completo. Una vez el ratón se retire del enlace la imagen parará y volverá hacia abajo hasta su posición inicial.

Muchas gracias.

Te aconsejo que mejor ese efecto lo hagas con jquery. Si usas el metodo .slideDown() conseguiras el efecto que quieres! ;)

Te dejo aqui una pagina donde te pone ejemplos de como usarlo,tan solo cambia donde pone $( "#clickme" ).click(function() para que no sea al clickar,cambialo por:

$("#clickme").mouseenter(function(){

});

y dentro de la funcion pones lo del metodo .slideDown().

[pzin]

Puedes usar transiciones o animaciones CSS.

Por ejemplo: