Support scroll experiences with navigation buttons and markers with just a few lines of CSS.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

Chrome 135 introduces new features from the CSS Overflow 5 specification that enable the creation of scroll and carousel experiences without using JavaScript. These new CSS features include scroll buttons, scroll markers, and enhanced accessibility. The new CSS properties make it easy to create carousels, ensure proper element roles, and maintain accessibility standards. Resources and examples are provided to help developers utilize these features effectively.

Chrome for Developers

Meet ::scroll-button() and ::scroll-marker()

Woah my mind is blown! 😮 This looks so awesome 🎉
Talk about another awesome new browser feature, and it’s great that it’s accessible too.

Looks amazing, even though the code itself seems a little convoluted

I just found out that it is not responsive on mobile. But wonderful solution CSS Trick nonetheless.