NFT COMPONENT CARD - POSITION RELATIVE AND ABSOLUTE

Community feedback

• 

  Zglob•250

  @ZglobiulViuPosted almost 3 years ago

  You should try to wrap your main image and the eye logo in a div , which I saw in your code that you did already. Now go on and try to set a background-image:url() on that div with the same main image(url is a bit tricky when you set the path, search on yt). That url image should copy the size of your main image and should be below it. Also you would need to set z-index on the logo. z-index=-1 should work I guess. Now on hover effect set your main image to become transparent. Also to set that blue color to the url you should use a linear-gradient. I practice CSS for 2 months now, so i'm not a pro. I hope I could help you.

  Marked as helpful

  1

  ---

  

  Yokke•620

  @JexintePosted almost 3 years ago

  @ZglobiulViu Hey, thanks for the advice I'll try your solution later and If it was successful I come by here later show you the result

  0