::scroll-marker-group
A new experimental pseudo-element that acts as a container for individual 'scroll markers'. It's used to create native CSS carousels with built-in navigation dots.
This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.carousel {
/* Creates a container for the navigation dots inside the carousel */
display: scroll-marker-group-container;
}
.carousel::scroll-marker-group{
display: flex;
gap: 10px;
justify-content: center;
}::scroll-marker-group Browser support
Limited availability
Since
2020 69% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
135+
135+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more