0

I am trying to get the effect seen on many sites where on hover an image appears that is clickable. For example, when an element is hovered over the bin image appears using ::before. I would like to make this clickable.

enter image description here

The image is displayed on the section div using:

.section:hover::before {
  content: url("@/assets/icons/bin.svg");
  display: block;
  position: absolute;
  top: -10px;
  right: 25px;
  background-color: white;
}

I understand from reading many similar posts that the pseudo element itself does not allow for this but I am wondering how this effect is achieved.

RGriffiths
  • 5,722
  • 18
  • 72
  • 120

1 Answers1

-1

simply add an <a> tag with href pointing to where you want...

Ted's Projects
  • 99
  • 1
  • 7