trigger-scope
ExperimentalAn experimental property for scroll-driven animations. It defines how broadly a named timeline trigger is visible to other elements, allowing animations to be triggered by remote ancestors or descendants.
Quick example
.shared-scroller {
/* Makes all triggers within this container available globally */
trigger-scope: all;
}Quick facts
Initial value
noneInherited
No
Applies to
all elements
Animation type
notAnimatable
Values
nonealltrigger-scope Browser Support
Limited availabilityUnknown 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.
146+
146+