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, 17:10
 
Fecha de Ingreso: junio-2008
Mensajes: 24
Antigüedad: 10 años, 5 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, 21:55
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.156
Antigüedad: 10 años, 8 meses
Puntos: 1007
Respuesta: Icono link con cambio de color/imagen

Debes utilizar el evento hover de CSS para aplicar ese cambio de color
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 30/10/2018, 07:54
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.393
Antigüedad: 16 años, 5 meses
Puntos: 167
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



La zona horaria es GMT -6. Ahora son las 01:15.