A Simple Way to Create a Slideshow Using CSS Scroll Snap
Learn how to create a fully functional slideshow using CSS Scroll Snap.
Learn how to create a fully functional slideshow using CSS Scroll Snap. You basically need 3 CSS properties to make custom scrolling behavior work: scroll-snap-type, scroll-snap-align, and optionally scroll-snap-stop. In this video, you'll learn how these properties work and the drawbacks of using this technique.
Chapters
- 00:00 Introduction
- 00:16 Setup
- 00:43 Styling slideshow slides
- 02:36 Implementing CSS Scroll Snap
- 06:31 Creating horizontal scrolling slideshow
- 08:20 Conclusion
