🎯 ⸺ een stuck voorbeeld (CodePen 🪠)
🎯 ⸺ de gesnapte img wordt groter (CodePen 🧲)
🎯 ⸺ de gesnapte h2 veert omhoog (CodePen 🧲)
🎯 ⸺ carousel basics (CodePen 🎠)
🎯 ⸺ carousel met anchor positioning (CodePen 🎠)
🎯 ⸺ scrolled to bottom or top (CodePen 🛗)
Bekijk de samples (of de bronnen) en maak de gegeven stuck’s na.
🧑💻 ⸺ stuck header: Voorbeeld & Code voor jou & Voorbeeld met scroll-spy (CodePen)
🧑💻 ⸺ stuck headings: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ flipping heading: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ grayscale en co: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ hidy/showy menu: Voorbeeld & Code voor jou & Voorbeeld met scroll-spy (CodePen)
🧑💻 ⸺ to top: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ scrollen met fades (tricky): Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ de list uit de carousel gallery: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ de hero slider uit de carousel gallery: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ de hubs uit de carousel gallery: Voorbeeld & Code voor jou (CodePen)
🧑💻 ⸺ de product uit de carousel gallery (tricky): Voorbeeld & Code voor jou (CodePen)
🎯 ⸺ CSS scroll-state() (Adam Argyle 🧑💻)
🎯 ⸺ CSS directional scroll-state() (Una Kravets 🧑💻)
🎯 ⸺ Carousels with CSS (Adam Argyle 🧑💻)
🎯 ⸺ CSS Carousel Configurator (Adam Argyle 🧑💻)
🎯 ⸺ CSS Carousel Gallery (Adam Argyle 🧑💻)
🎯 ⸺ Scroll-spy with two lines of CSS (Una Kravets 🧑💻)
🎯 ⸺ Anchor positioning tool (Una Kravets 🧑💻)