⚠️ Unsupported features ⚠️

This gallery requires a few CSS features that aren't currently available in your browser. These features are available in Chrome 135+ and other Chromium-based browsers.

Wizard

Scroll Markers Scroll-State Queries interactivity: inert Anchor

Keep track of user's along a guided process with scroll markers. The scroll-state() queries inert any form the user isn't currently on.

If there's no form elements or numbers, this is often called "onboarding." Here's a collection of onboarding demos that you could rebuild with CSS carousel markers easily.