Foros del Web » Creando para Internet » HTML »

Icono link con cambio de color/imagen

Estas en el tema de Icono link con cambio de color/imagen en el foro de HTML en Foros del Web. Hola! Estoy intentando insertar un link a través de un icono (Font Awesome) que, cuando el cursor este encima, cambie de color. Es posible hacerlo ...
  #1 (permalink)  
Antiguo 29/10/2018, 16:10
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 15 años, 9 meses
Puntos: 0
Icono link con cambio de color/imagen

Hola!

Estoy intentando insertar un link a través de un icono (Font Awesome) que, cuando el cursor este encima, cambie de color. Es posible hacerlo mediante html??


El html del link normal, sin imagen o color de sustitución, seria este:

<a href="mailto:[email protected]" target="_blank" rel="noopener">[iconfont type="fa-envelope" size="2x" color="#ffffff"]</a>



Muchas gracias!
  #2 (permalink)  
Antiguo 29/10/2018, 20:55
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Icono link con cambio de color/imagen

Debes utilizar el evento hover de CSS para aplicar ese cambio de color
  #3 (permalink)  
Antiguo 30/10/2018, 06:54
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 9 meses
Puntos: 177
Respuesta: Icono link con cambio de color/imagen

Código HTML:
Ver original
  1. <a href="mailto:[email protected]" target="_blank" rel="noopener" class="email-icon">[iconfont type="fa-envelope" size="2x" color="#ffffff"]</a>

------------------------

Código CSS:
Ver original
  1. .email-icon{color:#000;}
  2. .email-icon:hover{color:#f00;}

Slds.-
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho

Etiquetas: icono, link
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:51.