Comunidad de diseño web y desarrollo en internet online

Animación con hipervinculo

Citar            
MensajeEscrito el 20 May 2014 09:12 pm
Buenas tardes amigos, mi pregunta y preocupación esta oportunidad es sobre animaciones con hipervinculos. Me explico: necesito que al pasar el mouse sobre un hiervinculo se anime un div que esta justo debajo del hipérvinculo, la animación es sencilla pues solo necesito que se mueva permanentemente hacia la derecha pero solo mientras esta el mouse sobre el hipervinculo, al retirarlo necesito que se devuelva a su posición inicial pero despacio.

He visto y entiendo como mover un div cuando tiene el mouse sobre el mismo pero no se me hace claro hacer mover un div ajeno al que tiene el mouse encima con "hover"

Espero me puedan colaborar y sacarme de este lio, de antemano muchas gracias por su colaboración.

Por jcsalazarm

38 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 21 May 2014 12:27 pm
Me imagino que poniendo un contenedor que encierra al link y al div que queres mover, ese contenedor le asignas el tamaño del link y lo dejas que haga overflow.
Al div que queres mover lo pones con posición absoluta debajo del link.
Y el hover se lo pones al contenedor, seria algo así el CSS

Código CSS :

#contanedor:hover > div.#div_a_mover{}


O javascript....

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 21 May 2014 03:51 pm
O a su hermano inmediato

Código CSS :

#link:hover + div.hermano {...}

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.