Breaking News: Grepper is joining You.com. Read the official announcement!

popup menu on hover tailwind css

Hungry Hippopotamus answered on December 26, 2022 Popularity 7/10 Helpfulness 4/10

answer popup menu on hover tailwind css

popup menu on hover tailwind css

Comment

<body class="p-20 flex flex-col space-y-10 bg-yellow-100">
    <h2 class="text-2xl italic">Hoverable Dropdown Menu by KindaCode.com</h2>

    <div>
        <button class="peer px-5 py-2 bg-green-600 hover:bg-green-700 text-white">Dropdown</button>
        
        <!-- the menu here -->
        <div class="hidden peer-hover:flex hover:flex
         w-[200px]
         flex-col bg-white drop-shadow-lg">
            <a class="px-5 py-3 hover:bg-gray-200" href="#">About Us</a>
            <a class="px-5 py-3 hover:bg-gray-200" href="#">Contact Us</a>
            <a class="px-5 py-3 hover:bg-gray-200" href="#">Privacy Policy</a>
        </div>
    </div>
</body>

Popularity 7/10 Helpfulness 4/10 Language css

Source: www.kindacode.com

Tags: css hover menu popup tailwind-css

Link to this answer
Share Copy Link