Zowel de paragraaf als de titel worden met translateX en translateY buiten het scherm geplaatst. In @keyframes bepaal ik dat die waarde weer op 0 (het centrum) moet komen. De animation property voert dat dan effectief ook uit, samen met 'ease-in', 'forwards' en 'animate-speed'.
Door de height op 100vh te zetten wordt het gehele scherm gevuld door de achtergrond. Die is bepaald door een kleur in een variabele (--page-1-color, --page2-color enz.). Dankzij 'scrolling-behavior: smooth' schokt hij ook niet naar de volgende pagina.
De knoppen zijn gewoon interne links. De knoppen worden zwart m.b.v. de property 'transition'.
Ik verdiep me elke dag verder in alles wat te maken heeft met web development. Neem gerust een kijkje naar m'n website antoinecomer.be.