is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .group-hover

    <div class="inline-block group p-6 border-2 cursor-pointer hover:bg-gray-50 hover:border-blue-100">
        <p class="group-hover:text-gray-400">John Smith</p>
        <p class="group-hover:text-blue-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, voluptatibus.</p>
    </div>

Preview

John Smith

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente, voluptatibus.

Check .group-hover in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

More in Tailwind CSS Group hover