CSS – Cambiar color de relleno al pasar el mouse – SVG PATH

Esta es el arreglo más exacta que te podemos brindar, pero obsérvala pausadamente y analiza si es compatible a tu proyecto.

Solución:

Puede sobrescribir la propiedad svg css como se indica a continuación.

#Main svg:hover 
    fill: #fce57e;

Perdón por responder a una publicación muy muy antigua.

Creo que la mejor manera es ver qué etiqueta estaba envuelta dentro de su .

Así por ejemplo:

Como puedes ver el la etiqueta está envuelta por el . Entonces solo puedes agregar de esta manera en css:

svg:hover path  
    fill: #fce57e;

Aquí está el fragmento de trabajo:

svg:hover path 
  fill: black;
  transition: all ease 0.3s;


svg path 
  transition: all ease 0.3s;

En algunos casos stroke se utiliza en lugar de fill para svg, así que usa esto

svg:hover path  
    stroke: #fce57e;

o si no hay camino involucrado:

svg:hover  
    stroke: #fce57e;

Tienes la opción de añadir valor a nuestra información cooperando tu experiencia en las interpretaciones.

---

---

Utiliza Nuestro Buscador