timeline-scope
A powerful property for scroll-driven animations. It allows you to 'broaden' the scope of a named scroll timeline so it can be accessed by elements outside of the immediate parent/child relationship.
Quick example
.grandparent {
/* Decalres that a child's timeline can be used by any of its descendants or siblings */
timeline-scope: --main-timeline;
}Quick facts
Initial value
noneInherited
No
Applies to
all elements
Animation type
notAnimatable
Values
none timeline-scope Browser Support
Limited availability 78% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
116+
116+