widget expand hover focus dashboard interactive widget walls evidence cards dashboard-like presentation sections widgets need a clearer active state hover feedback feels flat want focus without modal behavior
Widget Expand
Fetch snippet JSON:
curl https://webspire.de/snippets/interactions/widget-expand.json Background
Customize
Quick Start
<article class="widget-expand rounded-3xl p-6">...</article>Details
- Tailwind
- v4.x
- Browser
- baseline-2024
- A11y
- prefers-reduced-motion
- Size
- 315 bytes · 12 lines
- Custom Properties
-
--widget-expand-scale--widget-expand-shadow - Classes
-
.widget-expand
widget expand hover focus dashboard
Widgets lift and slightly scale to signal active focus without breaking the surrounding grid.