NFT Card Component - 95% done

Community feedback

• 

  Adriano•38,390

  @AdrianoEscarabotePosted almost 2 years ago

  Hello alexmckm, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

  To solve your problem in a simple way, we can do this:

  .icon {
      display: none;
  }
  
  picture:hover .icon {
      display: block;
  }
  

  The remainder is excellent.

  I hope it's useful. 👍

  Marked as helpful

  1

  ---

  

  alexmckme•170

  @alexmckmePosted almost 2 years ago

  @AdrianoEscarabote It works now, thank you so much!

  1
• 

  Thiago Barboza Dos Santos•190

  @thgsnakePosted almost 2 years ago

  Hi friend, put a display:none on the class with eye image. Example: .photo-eye{ position:absolute; display: none; and to show only on hover. Ex: .photo-area:hover .photo-eye{ display:flex;}. I did it like this and it worked.

  Marked as helpful

  1

  ---

  

  alexmckme•170

  @alexmckmePosted almost 2 years ago

  @thgsnake Many thanks for your input Thiago, it works now! Much appreciated

  0

  

  Thiago Barboza Dos Santos•190

  @thgsnakePosted almost 2 years ago

  @alexmckm :)

  0