Trying to get transparency and hover to work on this code

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

And when you hover over them they appear.

https://jsfiddle.net/wj8hLtx4/1/

.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?

https://jsfiddle.net/1bep6dz7/1/

Hi there asasass,

perhaps you should try…

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

…instead. :winky:

coothead

2 Likes

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