Twaalf effecten
De effecten zijn in eigen code gebouwd, bovenop GSAP en Lenis, en elk effect heeft een doel. Kies een soort, of open een kaart voor de uitleg met de echte waarden.
Overzicht van de effecten
Alle 12 effecten
-
Soepel scrollen
De pagina glijdt mee met je hand in plaats van in stappen te springen.
-
Regelreveal
Elke regel van een kop komt omhoog uit een eigen masker.
-
Woordscrub
Woorden lichten een voor een op naarmate je scrolt.
-
Lopende strook
Een strook met namen die sneller loopt en kantelt als je harder scrolt.
-
Horizontaal pannen
Verticaal scrollen schuift een rij kaarten zijwaarts terwijl het beeld blijft staan.
-
Kaartenstapel
Kaarten stapelen op elkaar; de vorige krimpt en dimt.
-
Licht naar donker
Inkt stijgt over het papier, de titel klapt om op de rand en de header kleurt mee.
-
Opengaand vlak
Een klein vlak groeit tot het hele scherm en neemt zijn inhoud mee.
-
Halftone-shader
Een veld van punten dat meebeweegt met je aanwijzer en je scrollsnelheid.
-
Cursor en magneet
Een ring volgt je aanwijzer, groeit op knoppen en trekt ze een stukje naar je toe.
Dit effect werkt met een muis.
-
Hover-preview
Een voorbeeld zweeft mee met je aanwijzer terwijl je over een lijst gaat.
Dit effect werkt met een muis.
-
Paginaovergang
Een gordijn van kolommen sluit, de nieuwe pagina komt binnen en het gordijn opent.
Beweging is geen versiering.
Elk effect hierboven heeft een doel. De uitleg met de echte waarden staat op Techniek, en jij kunt het uitzetten.