Card Focus
On desktop, hovering a card scales it up and subtly blurs the surrounding cards, keeping the focus sharp. On mobile, the effect is scroll-driven: the card closest to the viewport center stays in focus while others fade back.
Each card supports an image, an optional logo, a title, and a text field - all customizable in position, alignment, color, and size. Cards can link to internal pages or external URLs.
Key Features:
Responsive (the cards automatically adjust to the device)
Staggered appear animation with adjustable duration and delay
Hover-to-focus effect with blur on non-hovered cards
Scroll-aware active state on mobile
Logo/text overlay with configurable position
Optional background pill behind logo and text
Per-card link support with new tab option
Fully adjustable grid: gap, card size, aspect ratio, and border radius
✦ Designed in Switzerland. Built for the world.
