Flip Button

Przycisk z flipem 3D na hover — czytelny feedback i „mechaniczny” charakter. Warianty kolorów są ograniczone do palety marki (Copper / Success / Teal).

3D Flip Buttons

Najedź kursorem aby zobaczyć efekt 3D flip

Copper

Green

Teal

60fps

Animation

Transform

Spring

Physics

Jak to działa?

Przycisk ma dwie „twarze” (front/back) i obraca się w osi X. Animacja jest sprężynowa, żeby dawała wrażenie masy, a nie „UI z template”.

3D: perspective + transform-style: preserve-3d.
Trigger: hover (onHoverStart/onHoverEnd) + tap scale.
Wizualnie: glow + „shine” jako cienka warstwa nad gradientem.

Zastosowanie

Primary CTA w hero, przyciski w sekcji ofertowej, elementy promujące demo / case study.Używać oszczędnie — 1–2 na ekran, żeby zachować „premium”.

[ WARSZTAT_KOMPILUJE ]

Trwa przygotowanie infrastruktury...

SYS.STATUS: COMPILING