[ WARSZTAT_KOMPILUJE ]
Trwa przygotowanie infrastruktury...
SYS.STATUS: COMPILING
Trwa przygotowanie infrastruktury...
SYS.STATUS: COMPILING
Click feedback w stylu „ripple” (fala wychodząca z miejsca kliknięcia). Kontener jest ostry i on-brand, a ripple jest fizycznie okrągły (światło), więc nie łamie zasad geometrii UI.
Kliknij przyciski aby zobaczyć efekt fali
Material Design inspired • GPU Accelerated • Touch Friendly
Po kliknięciu liczymy pozycję kursora względem przycisku i dodajemy „ripple” do stanu. Każdy ripple jest osobnym elementem, animowanym od 0 do docelowego rozmiaru i wygaszanym opacity.
getBoundingClientRect() + clientX/Y.Zastosowanie
Primary CTA, akcje w panelu (np. 'Zapisz', 'Wyślij'), listy i przyciski w aplikacjach B2B.Uważać na nadużycie — ripple ma wspierać, nie robić z UI 'material demo'.