Înapoi la Laborator
Explorare în curs
animation

Cascadă

O grilă în repaus. Dă click și un val se propagă din acea celulă — fiecare vecină pulsează cu o întârziere dată de distanță, apoi se așază.

Focus

Cât de departe, și cât de curat, călătorește o singură decizie.

Mediu

Web Animations API

Durată

În curs

Actualizat

iunie 2026

00 / Intro

Dă click pe orice celulă de mai sus (sau plimbă-te peste ele) și un val se propagă spre exterior — fiecare celulă pulsează cu o întârziere proporțională cu distanța față de locul atins, apoi câmpul se așază la loc.

01 / Note

De ce
aceasta.

O singură decizie nu e niciodată locală. Călătorește — printr-un roadmap, o echipă, un layout — iar întrebarea e cât de departe ajunge și cât de curat. Sistemele sănătoase propagă o schimbare ca un singur val coerent; cele fragile o împrăștie în zgomot. Aici e acea propagare, izolată și făcută vizibilă.

02 / Note

Cum
funcționează.

Web Animations API al browserului — element.animate() — fără nicio bibliotecă. La fiecare declanșare, fiecare celulă primește același keyframe scurt (un puls de scalare + accent), dar un delay diferit, calculat din distanța ei în grilă față de celula de origine. Platforma programează și rulează toată cascada în afara firului principal.

Următorul experiment · visual

Subdiviziune

Deschide caietul