Bewegingsset
Zes bouwstenen, gemeten op vetsocial.nl, yieldfund.com en belvus.be. Scroll rustig door de pagina en kijk per blok wat er gebeurt. Alles staat stil als je systeem minder beweging vraagt.
Regelonthulling
Regels komen onder een masker omhoog, regel na regel. Dit is wat vetsocial op elke kop en alinea zet. Eenmalig, klaar als de sectie half in beeld is.
Zo komt een kopde pagina binnen
Sleepslider
Sleepbare rij die aan de rand doorloopt, zodat je ziet dat er meer is. Pak hem beet met de muis.
Marquee
Band die eindeloos doorloopt. Kijk of je een einde of een naad ziet: die hoort er niet te zijn.
Parallaxlaag
Beeld dat met de scroll meeschuift binnen zijn kader. Op yieldfund zit dit op 23 elementen.
Gekanteld beeld
Foto die scheef staat en tijdens het scrollen iets rechter komt. Klein houden, anders wordt het een truc.
Kaartenstapel
Stapel die zichzelf elke vier seconden doorschuift en die je kunt slepen. Gemeten op de reviews van vetsocial: wegschuiven in 0,2 s, terugveren in 1,0 s met een elastische curve, sleepdrempel een tiende van de kaartbreedte.
Voorbeeldbedrijf 1
Sleep de kaart opzij, of wacht vier seconden. De volgende ligt er al onder, dus het blijft één object in plaats van een rij die verspringt.
Voorbeeldbedrijf 2
Sleep de kaart opzij, of wacht vier seconden. De volgende ligt er al onder, dus het blijft één object in plaats van een rij die verspringt.
Voorbeeldbedrijf 3
Sleep de kaart opzij, of wacht vier seconden. De volgende ligt er al onder, dus het blijft één object in plaats van een rij die verspringt.
Voorbeeldbedrijf 4
Sleep de kaart opzij, of wacht vier seconden. De volgende ligt er al onder, dus het blijft één object in plaats van een rij die verspringt.
Teller
Cijfer dat oploopt zodra de sectie half in beeld is. Geen enkel meetscript ziet dit soort beweging, want de waarde wordt in de tekst geschreven en niet via de Web Animations API.
+296%
463
4.3x
96%
Fotokolommen
Twee kolommen die tijdens het scrollen tegen elkaar in schuiven en modulo hun spoorhoogte wikkelen, dus er komt nooit een einde in beeld.
Videokaart
Stille video die speelt zolang hij in beeld is. Hier zonder bestand getoond; in een proefdesign staat hier echt materiaal van de klant.
De videokaart draait alleen met echt materiaal. In de hero van vetsocial staan er achttien. Vraag de klant om bestaande advertentie- of socialvideo's; stilstaande foto's halen dat niveau niet.