You can achieve this using the group class on parent and group-hover variant on

Name: You can achieve this using the group class on parent and group-hover variant on
Uploaded: 2026-01-28T23:28:33.000Z
Description: You can achieve this using the @tailwindcss `group` class on parent and `group-hover` variant on target. <div… UI animation by Soren.

by Soren

you can achieve this using the @tailwindcss `group` class on parent and `group-hover` variant on target. <div class="group"> <div class="group-hover:translate-y-6"/> </div> here is a breakdown of the target element within an exaggerated oversized parent wrapper.

Interface

Open source

You can achieve this using the group class on parent and group-hover variant on — UI animation by Soren

More like this