trigger-scope
An 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.
It is documented as part of the CSS Animations specification. This is an experimental technology. The syntax and behavior are still subject to change.
Syntax
/* Usage Example */
.shared-scroller {
/* Makes all triggers within this container available globally */
trigger-scope: all;
}
/* Syntax */
trigger-scope: none;
trigger-scope: all;
/* Global values */
trigger-scope: inherit;
trigger-scope: initial;
trigger-scope: revert;
trigger-scope: revert-layer;
trigger-scope: unset;trigger-scope Browser support
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Your first month is free
Managed WordPress hosting for faster sites.