Increase Image Size on Hover

Question

I need help increasing svg image size on hover at countrymusicfy.com

I tried different variations on the CSS below:

img:hover {
    transform: scale (1.5);
}

also tried .svg-icon img:hover { transform: scale (1.5); } – CountryMusic Apr 03 '22 at 01:34 — CountryMusic, Apr 03 '22 at 01:34

score 1 · Accepted Answer · answered Apr 03 '22 at 01:41

1

Try removing the space between the scale(1.5) so code should look like:

  img:hover{
  transform: scale(1.5);
}

answered Apr 03 '22 at 01:41

checked

Thank you, that worked great. Any suggestions on changing the scale for different classes? For instance, .svg-icon img:hover { transform: scale(1.5); } does not work – CountryMusic Apr 03 '22 at 01:49
[https://stackoverflow.com/questions/10765755/how-to-apply-multiple-transforms-in-css] hope this helps – checked Apr 03 '22 at 01:56

1 Answers1