Trying to get transparency and hover to work on this code

HTML & CSS
1

Do you see how the SVG’s here are set to transparent?

And when you hover over them they appear.

.container-left .wraph .nav li svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  fill: transparent;
}

.container-left .wraph .nav li svg:hover path {
  fill: #0059dd;
}

How do I get that effect with this code?

It’s not working.

How come?

2

Hi there asasass,

perhaps you should try…

.container-left .wraph .nav li svg:hover use {
  fill: #0059dd;
}

…instead. :winky:

coothead

2 Likes
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.