2 CSS ::scroll-*
Explore a groundbreaking shift in web architecture with the experimental CSS Scroll Extensions. This collection showcases how features like ::scroll-button, ::scroll-marker, and position-anchor enable developers to build complex, fully interactive components - such as carousels and tabs - using only declarative CSS, eliminating the dependency on JavaScript for core UI behavior and state management.
Last updated:
CSS-Only Testimonials Using Scroll Snap
A powerful demonstration of building a full-featured carousel entirely with CSS, leveraging experimental ::scroll-button, ::scroll-marker, and position-anchor for navigation, indicators, and positional layout without any JavaScript.
Image Gallery with View Transitions API and Scroll-Driven Animations
An advanced gallery with a carousel based on the native <dialog> element and Scroll-Driven Animations, where the View Transitions API synchronizes the modal opening with the carousel scroll to the selected image, delivering a smooth and functional UX.
