Como mudar a cor de um ícone ao passar o cursor

richardx · 05/03/2022

Buenas, que tal compañeros. Cómo puedo hacer para cambiar el color a un ícono al pasar el cursor? De que manera tendría que crear el ícono? Como en la foto.

Cicklow · 05/03/2022

Google Search

richardx · 05/03/2022

Cicklow disse:
Google Search

Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

Cicklow · 05/03/2022

richardx disse:
Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

a un png, solo podras cambiarle el color si cambia el icono por uno de otro color. o como mucho el brillo...tiene que ser svg o usa la fuente awesome

richardx · 05/03/2022

Cicklow disse:
a un png, solo podras cambiarle el color si cambia el icono por uno de otro color. o como mucho el brillo...tiene que ser svg o usa la fuente awesome

Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

Cicklow · 05/03/2022

richardx disse:
Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

no se no los uso... todo esta en prueba y error.

Ander.pe · 05/03/2022

richardx disse:
Buenas, que tal compañeros. Cómo puedo hacer para cambiar el color a un ícono al pasar el cursor? De que manera tendría que crear el ícono? Como en la foto.

(Id class):hover {
Color: *;
}

sailedg · 19/03/2022

richardx disse:
Ok gracias bro. Y esos programas que hay para transformar un PNG en SVG no funcionan o si? Solo cambia el nombre en el formato, o realmente transforma a SVG?

Algunos los convierten pero dañan el icono... si lo necesitas svg puedes crearlo en AdobeXD me parece facil crearlo alli, y si lo usaras como imagen solo cambias la imagen por otra al hacer el hover.

CANIBAL · 29/03/2022

richardx disse:
Si si eso lo sé. Pero como tiene que ser el ícono para que se le pueda aplicar el CSS? Si o si en SVG?

FontAwesome*

Kevin Ramos · 30/03/2022

Puedes crear tus iconos en Adobe illustrator y los exportas como svg, te dará el código.

Como mudar a cor de um ícone ao passar o cursor

richardx

Anexos

Cicklow

richardx

Cicklow

richardx

Cicklow

Ander.pe

sailedg

CANIBAL

Kevin Ramos

Tópicos similares