encerrando la palabra en un span, darle position: absolute y ahi juegas con los margin, en jquery se hace super facil, pa la sombra con text-shadow
Estimados :
Quiero ver la forma de que al pasar el mouse sobre un elemento ( imaginense una nube de tags ) de texto, pueda resaltar este, aumentando su tamaño y agregando otras propiedades ( sombra por ejemplo ). todo esto sin mover el resto de las palabras.
Cuando agrando un elemento mediante CSS o animandolo con jquery o html, este hace que el resto de las palabras fluyan con respecto al tamaño, y lo que quiero es que el elemento se superponga al resto, dando un efecto de profundidad.
cualquier dato se agradeceria
Última edición por clockwork; 22/11/2012 a las 14:23
Podrias usar css, creo que es la alternatíva de mejor rendimiento.
hay propiedades que se dan cuando el mouse está sobre ellas, por ejemplo:
Aqui un link de ejemplo, y aqui un demoCódigo:a:hover { background-color:yellow; }
Dentro de esas propiedades css les puedes dar sombra, cambio de color, cambio de tamaño de letra, todo con las propiedades CSS.
Lo que no estoy seguro es si le sirve a todas las etiquetas, pero googlea un poco, si tienes mas dudas te ayudo másCódigo:a:hover { font-size: 120%; font-weight:bold; text-shadow: 0.1em 0.1em 0.2em black; }
Como dice Serious Cat, cada uno de los elementos déjalos con position absolute, con eso no se moveran. Lo que tienes q recordar es que al hacer esto, al padre de esos elementos tienes q dejarlo con position:relative, para que los hijos se posicionen en forma absoluta en referencia al padre
W̢͎̳̞̲͈̪̳̻ͮͩȁ̟̳ͬ̔͒̈́ͦ͠i̞̤̝̟ͫ̽̂̈́ͪ͐͘f͕͐͑ͪ͐ͦ͋ͮ̅l͚̗̎ͫ̌ ̙î̗̬͓͍͍̳̥͆̕͠h
Pucha la lesera, dando una releída me doy cuenta del meollo del asunto, los dos cumpitas están bien, yo malentendí el problema (estoy con los cables cruzados, no se que diablos me pasa)
Deberia funcionar con z index en hover, mira este ejemplo(aunque no es en hover)
CSS z-index property