All comments

• 

  Anthony•20

  @guananthonySubmitted almost 3 years ago

  How did y'all get the view-icon to pop up on hover? Took me a while of googling..

  

  NFT preview card with just HTML and CSS

  2

  20
  

  Gabriel Reis e Silva•80

  @GabrielReis11Posted almost 3 years ago

  Hey Anthony, i made another <div> on the image with the color and the icon view and set the opacity to 0. With hover just changed the opacity to 1 and icon appear with the cyane.

  You can check my code on the github: https://github.com/GabrielReis11/NFT-preview-card-component

  1

  This comment has received 1 replyShow
• 

  Oladimeji Abdrahman Adebayo•80

  @rahmlad-aramideSubmitted almost 3 years ago

  Pls, I didn't get the hover above the Equilibrium image, any solution to that?

  

  NFT Preview Card Component {HTML / CSS}

  3

  30
  

  Gabriel Reis e Silva•80

  @GabrielReis11Posted almost 3 years ago

  Hello Oladimeji, to get the hover effect on my project i used this method:

  On the HTML: . On the card <div> i have the Equilibrium image and another <div> with a class called "overlay" at the same position of the image with the icon-view.svg .

  On the CSS: on the .overlay .I made all the adjustments of the overlay and set the opacity to 0 on the .overlay:hover .Just change the opacity to 1

  I think this will help you. Here is my repository with my code in case you want to take a look. https://github.com/GabrielReis11/NFT-preview-card-component

  Marked as helpful

  1

  This comment has received 4 repliesShow