Change reference image on hover

Use the reference image in the background image of a div, not in the img tag

<div class="imgicon"></div>

.imgicon {

  background: url('../../../assets/images/path1.png');

//Background image size

  background-size: 13.96px;

//The size of the div

  width: 13.96px;

  height: 13.96px;

  display: flex;

  justify-content: center;

  align-items: center;

}

//Change the background image path when hovering

.imgicon:hover {

  background: url('../../../assets/images/path2.png');

  width: 13.96px;

  height: 13.96px;

  background-size: 13.96px;

}

Guess you like

Origin blog.csdn.net/weixin_62462734/article/details/131069782