NFT-Preview-Card-Components

Community feedback

• 

  Konstantin Christ•450

  @Konstantinchrist

  Posted over 2 years ago

  Hi @hafsatun2020, in my opinion your project is perfect, but still I highly advise you to add some transition to the hover background at the nft image.

  Example: .NFT-image{ transition: background-color 150ms;}

  I hope I was able to help you!

  11

  Marked as helpful
• 

  chucksterv•220

  @chucksterv

  Posted over 2 years ago

  Hey mate. Good job on completing the challenge. I just finished it today myself. My approach was a little different.

  • Instead of trying to manipulate the image, I created a section to contain the eye image.
  • I styled that according to the specifications, used a position absolute on there and a position relative on the parent element.
  • Then it was just manipulating the opacity on a hover.

  Hopefully that helps! There might be a solution to get it working with the changing the image content itself like you've tried but this might be a good alternate solution if not.

  Happy Coding!

  10