Ayuda Rápida

La base de conocimiento (KB) es una colección de respuestas por categorías a las preguntas mas frecuentes (FAQ) y artículos de su interés. Usted puede leer los artículos en esta categoría o seleccionar una subcategoría en la que usted se interese.



 Cómo cambiar el color de los iconos svg sin tener que subir una imagen distinta

Solución

En el caso de nuestras plantillas las imágenes svg están incrustadas como imagen de fondo y la única manera de alterar su color es aplicando filtros,

por ejemplo:


a[title="movil"],
a[title="telefono"] {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(100%) contrast(200%);}

tienes la herramienta para calcular los filtros en
https://codepen.io/sosuke/pen/Pjoqqp

en link de arriba lo he obtenido desde
https://css-tricks.com/change-color-of-svg-on-hover/

esta técnica la puedes aplicar a cualquier icono svg que esté como imagen de fondo incluida la cesta.

 
¿Le ha sido útil este artículo? si / no

Detalles del artículo

ID de artículo: 150

Categoria: Configuración y diseño

Fecha de alta: 21/08/2021 11:46:10

Vistas : 31

valoración (Votar): artículo no votado (0)

 
Powered by Help Desk Software HESK, in partnership with SysAid Technologies