nft-preview-card-component-main

Community feedback

• 

  Yash•130

  @yashviradiaPosted almost 2 years ago

  Hi @SonuKr95!

  Firstly, great work on this project!

  • To create hover effect with view-icon and in your case adding color to hover, I used one more empty div to create overlay effect, view-icon being on top of card-image.

  • For this concept of css-positioning and z-index will be useful.

  • In your case, make view-icon as new img element and also an empty div which will give background color effect to view-icon.

  • Give view-icon and empty div absolute positioning with card-image having relative positioning. Also give first two elements z-index of 1 and 2 respectively.

  Hope that helps. Give it a try and let me know!

  Marked as helpful

  0

  ---

  

  Sonu Kumar•190

  @SonuKr95Posted almost 2 years ago

  Hi @yashviradia

  Thanks for the feedback, I completed the challenge by adding hover effect on main image

  0

  

  Sonu Kumar•190

  @SonuKr95Posted almost 2 years ago

  Hi @yashviradia

  Thanks for the feedback, I completed the challenge by adding hover effect on main image

  0