All comments

• 

  exitsimulation• 100

  @exitsimulation

  Submitted almost 2 years ago

  I had trouble getting the right hover effect for the image. The eye symbol is still affected by the overall opacity of its parent container and I couldn't get it to display in full opacity. I am looking for suggestions on how to achieve this. Thanks

  

  NFT Preview Card - Next.js and Tailwind CSS

  2

  40

  

  Zou• 190

  @zouvier

  Posted almost 2 years ago

  create a cyan color as a rgba . the last value is used to set the opacity. Use that value for the bg and your eye should show up properly

  'nft-cyan-hover':'hsl(178, 100%, 50%, 0.5)'

  This will give you the transparency effect while keeping the eye fully visible on hover

  Thought i would comment since your post helped me figure out the hover effect

  0