NFT preview card component

Community feedback

• 

  Eldio de Almeida Barbosa Neto•50

  @Eldio-NetoPosted almost 3 years ago

  hey bro, to make the img:hover efect i did another <div class="main-equilibrium">before the nft-img, then i used this on css to put the <div> over nft-img.

  .container{ position:relative; }

  nft-img{ position:relative; }

  .main-equilibrium div{ position: absolute; top: 25px; /this is variable/ background-color: hsla(178, 100%, 50%, 0.5); width: 86.5%; height: 53%; z-index: 999; border-radius: 20px; opacity: 0; } .main-equilibrium div:hover{ opacity: 1; cursor: pointer; }

  Hope I helped you.

  Marked as helpful

  0