Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
1
Zou
@zouvier

All comments

  • exitsimulation•100
    @exitsimulation
    Submitted over 2 years ago

    NFT Preview Card - Next.js and Tailwind CSS

    #next#tailwind-css
    2
    Zou•190
    @zouvier
    Posted over 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

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub