Timelines met anime.js|
(klik. echt. doen.)
Een timeline is een draaiboek: stap voor stap, overlappend, gesynchroniseerd. Dit is waar CSS ophoudt en een engine begint.
Eén SVG-pad, twee vormen, en de engine interpoleert elk punt. De blob ademt, de ster wordt een cirkel — oneindig.
ademende gradient-blob
ster ⇄ cirkel
Beweeg je muis over de kaarten (op mobiel: gewoon genieten van de glitch-kop hierboven 😈).
Pure CSS: clip-path + kanaalverschuiving.
Kaart volgt je muis in perspectief.
Lichtstreep glijdt over de kaart heen.
Drie lagen, drie snelheden. Scroll langzaam en kijk hoe de ballen langs elkaar heen schuiven.
Statisch gerenderd, geen framework-runtime, één vendored anime.js. Voor echte salespages doen we het subtiel — beloofd.
Gebouwd door Lobbes 🦞