NFT preview card component challenge

Community feedback

• 

  Ofentse Moeketsi Mogoatlhe•10

  @MogoatlhePosted almost 3 years ago

  Hello, thank you for the reply.

  Is the overlay image a different image the "image-equilibrium.jpg", I can't seem to find it in the provided images. Or will I have to apply the effects to the same image?

  0

  ---

  

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  @Mogoatlhe the overlay is a background color with the eye icon that you need to position on top of the nft image.

  Marked as helpful

  1

  

  Ofentse Moeketsi Mogoatlhe•10

  @MogoatlhePosted almost 3 years ago

  @MikevPeeren Okay, I will try that. Thank you.

  0

  

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  @Mogoatlhe good luck 👍 you can also look at my solution if you are having troubles and let me know when you have any questions.

  0

  

  Ofentse Moeketsi Mogoatlhe•10

  @MogoatlhePosted almost 3 years ago

  @MikevPeeren Oh, sorry. I completely missed this. Thank you, will do.

  0
• 

  MikevPeeren•2,100

  @MikevPeerenPosted almost 3 years ago

  Hey 👋

  You can achieve the overlay image by putting it on top of the other image by using absolute positioning and transform it together with top positioning to display it correctly. Then you use a background color and opacity for that image to add the desired effects on hover.

  0