NFT Preview Card Component

Community feedback

• 

  Jakub Radziejewski•120

  @jakubinhooPosted almost 3 years ago

  Hi, good job! The way I did this was setting position on icon to absolute, center on the image and set its opacity to 0. Then I just changed its opacity to 100% in hover selector. It's a little bit tricky, I created a whole new div do achieve this, but eventually it did work out. Hope it will help.

  Marked as helpful

  1
• 

  alsir hamory•640

  @alsirPosted almost 3 years ago

  you can insert the image as element to the html and make it's opacity:0; and position it absolute and make it at the top of the first image then at a: hover and in it make the opacity higher . don't forget to keep the good work.

  Marked as helpful

  1

  ---

  

  P

  peondg•20

  @peondgPosted almost 3 years ago

  @alsir Thank you! That worked. I ended up doing position: relative with a margin of 40%. This causes it to show centered and also seems to work.

  1
• 

  Sahib Khurana•10

  @sahibrightnowPosted almost 3 years ago

  Hi, pretty good stuff. There's slight difference in the left and the right margin around the main image in your div.

  0