У меня есть домашняя страница портфолио (https://portfolio.umairstem.now.sh/), на которой есть svg иконки. Когда мышь наводится на значок, я хочу, чтобы он стал светло-голубым. Проблема в том, что когда мышь проходит по пробелам в SVG, эффекта не возникает. На изображении ниже показано, что я имею в виду, если я не совсем понятен. Я пытался добавить background
или padding
, но это вытесняет элементы на странице.
Мой CSS ниже:
svg {
display: inline-block;
width: auto;
height: 5vw;
min-height: 2rem;
max-height: 4rem;
scale: 0.5;
}
.Fill-1:hover{//Fill-1 is the SVG class name
fill: #1793D1;
}