Hover Reveal

Ujawnianie treści przez clip-path — cztery kierunki, tryby (hover/focus/click) i „techniczny” progress bar na dole.

Hover Reveal

Cztery kierunki ujawniania treści

↑ Direction: Up

Design

Hover/Focus to reveal

UI/UX Design

Tworzymy interfejsy, które zachwycają i konwertują

↓ Direction: Down

Development

Hover/Focus to reveal

Web Development

Next.js, TypeScript, Tailwind CSS

← Direction: Left

Deploy

Hover/Focus to reveal

Cloud Deployment

Vercel, AWS, Docker (SLA po ustaleniach)

→ Direction: Right

Premium

Hover/Focus to reveal

Premium Quality

Każdy piksel dopracowany do perfekcji

Jak to działa?

Warstwa „content” istnieje w DOM cały czas, ale jest ukryta przez clip-path i opacity. To daje płynny reveal bez przebudowy layoutu.

Kierunek ujawniania: up/down/left/right (z góry, z dołu, z lewej, z prawej).
Tryb interakcji: hover, hover+focus (klawiatura), click (toggle + Escape zamyka).
Progress bar zsynchronizowany z reveal (skala X + origin).

Zastosowanie

Karty ofertowe, skróty do usług, sekcje 'capabilities', portfolio (mini-CTA bez przeładowania UI).Najlepiej, gdy trigger jest prosty, a treść odkrywana daje konkretny benefit (np. CTA/argument).

[ WARSZTAT_KOMPILUJE ]

Trwa przygotowanie infrastruktury...

SYS.STATUS: COMPILING