Comunidad de diseño web y desarrollo en internet online

Hola, cómo puedo iluminar el efecto hover de un link con JQuery

Citar            
MensajeEscrito el 19 Ago 2012 12:55 am
quiero que tenga el efecto como el boton naranja de cristalab, ejemplo los que dicen buscar, vista preliminar, etc.

Por lisettealvarez6

25 de clabLevel



Genero:Femenino  

Informatica Web

chrome
Citar            
MensajeEscrito el 19 Ago 2012 10:34 pm
movido

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino   Héroes Editores

Diseñadora & ilustradora

chrome
Citar            
MensajeEscrito el 19 Ago 2012 11:58 pm
Usando la propiedad text-shadow con un color mas claro que el fondo.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 20 Ago 2012 02:21 am
Para cambiar el diseño de la página no hace falta jQuery, sino CSS.
Cuando quieres iluminar algo yo recomiendo usar el text-shadow repitiendo la propiedad:
text-shadow:0px 0px 4px #fff,0px 0px 4px #fff;

Por pedro-vk

Claber

423 de clabLevel

5 tutoriales

Genero:Masculino  

Diseñador y Desarrollador Web

chrome
Citar            
MensajeEscrito el 20 Ago 2012 05:57 pm
Bueno en efecto no necesitas Jquery solo CSS asi que vuelvan a mover el tema

Primero los efectos:

Código CSS :

body {background-color: #000}
a {color: white}
a:hover {text-shadow: cyan 0.2em 0.2em 0.2em}


y ya en el HTML por ejemplo en un vinculo

Código HTML :

<a href="#">Hola solo pasa el puntero sobre mi</a>

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 22 Ago 2012 02:57 am
Muchas gracias a todo, ya encontre lo que quería y bueno con su explicacion detallada lo pude entender.

Por lisettealvarez6

25 de clabLevel



Genero:Femenino  

Informatica Web

chrome
Citar            
MensajeEscrito el 28 Feb 2018 03:59 am
Para conseguirlo usa text-shadow, espero te funcione ¡Saludos!

Por Smith65

10 de clabLevel



 

chrome
Citar            
MensajeEscrito el 13 Mar 2018 01:36 am
Puedes usar la propiedad text-shadow usando CSS:

Código CSS :

etiqueta{
text-shadow: 0 0 5px rgb(255,255,255);
}


El primero valor indicar la posición de la sombra en el eje horizontal, el segundo valor indica la posición de la sombra en el eje vertical, el tercer valor indica la cantidad de desenfoque que tendrá la sombra, el cuarto valor es el color, puedes especificarlo con HEX, RGBA, HSB, entre otros.

Si necesitas hacerlo en jQuery puedes hacerlo así:

Código Javascript :

$("etiqueta").css({"text-shadow" : "0 0 5px rgb(255,255,255)"});


La etiqueta puede ser un elemento HTML, un id (#id) o una clase (.clase)

Por Matsacaret

0 de clabLevel



 

chrome

 

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