NFT preview card component

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted about 1 year ago

  You can do something like this

  <div class="image">
    <img src="" alt="">
    <div class="overlay"></div>
  </div>
  

  .image {
    position: relative;
  }
  
  .overlay {
    width: /* the same as the image */;
    height: /* the same as the image */;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .overlay:hover {
     background-color: hsla(178, 100%, 50%, 0.5);
  }
  

  0