From c6ede0c5cafcf8b39a29933909405b47e7b32b5d Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Tue, 3 Mar 2026 13:40:11 +0000 Subject: [PATCH] Update scroll-triggered animation property names --- css/properties.json | 114 ++++++++++++++++++++++---------------------- 1 file changed, 57 insertions(+), 57 deletions(-) diff --git a/css/properties.json b/css/properties.json index 8c4f7ae9..ae6093b1 100644 --- a/css/properties.json +++ b/css/properties.json @@ -11058,14 +11058,14 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/timeline-scope" }, "timeline-trigger": { - "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#", + "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#", "media": "visual", "inherited": false, "animationType": [ "timeline-trigger-name", "timeline-trigger-source", - "timeline-trigger-range", - "timeline-trigger-exit-range" + "timeline-trigger-activation-range", + "timeline-trigger-active-range" ], "percentages": "no", "groups": [ @@ -11074,63 +11074,47 @@ "initial": [ "timeline-trigger-name", "timeline-trigger-source", - "timeline-trigger-range", - "timeline-trigger-exit-range" + "timeline-trigger-activation-range", + "timeline-trigger-active-range" ], "appliesto": "allElements", "computed": [ "timeline-trigger-name", "timeline-trigger-source", - "timeline-trigger-range", - "timeline-trigger-exit-range" + "timeline-trigger-activation-range", + "timeline-trigger-active-range" ], "order": "perGrammar", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger" }, - "timeline-trigger-name": { - "syntax": "none | #", - "media": "visual", - "inherited": false, - "animationType": "notAnimatable", - "percentages": "no", - "groups": [ - "CSS Animations" - ], - "initial": "none", - "appliesto": "allElements", - "computed": "asSpecified", - "order": "perGrammar", - "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-name" - }, - "timeline-trigger-exit-range": { - "syntax": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>? ]#", + "timeline-trigger-activation-range": { + "syntax": "[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", "percentages": [ - "timeline-trigger-exit-range-start", - "timeline-trigger-exit-range-end" + "timeline-trigger-activation-range-start", + "timeline-trigger-activation-range-end" ], "groups": [ "CSS Animations" ], "initial": [ - "timeline-trigger-exit-range-start", - "timeline-trigger-exit-range-end" + "timeline-trigger-activation-range-start", + "timeline-trigger-activation-range-end" ], "appliesto": "allElements", "computed": [ - "timeline-trigger-exit-range-start", - "timeline-trigger-exit-range-end" + "timeline-trigger-activation-range-start", + "timeline-trigger-activation-range-end" ], "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-exit-range" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range" }, - "timeline-trigger-exit-range-end": { - "syntax": "[ auto | normal | | ? ]#", + "timeline-trigger-activation-range-end": { + "syntax": "[ normal | | ? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", @@ -11138,15 +11122,15 @@ "groups": [ "CSS Animations" ], - "initial": "auto", + "initial": "normal", "appliesto": "allElements", "computed": "listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage", "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-exit-range-end" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range-end" }, - "timeline-trigger-exit-range-start": { - "syntax": "[ auto | normal | | ? ]#", + "timeline-trigger-activation-range-start": { + "syntax": "[ normal | | ? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", @@ -11154,40 +11138,40 @@ "groups": [ "CSS Animations" ], - "initial": "auto", + "initial": "normal", "appliesto": "allElements", "computed": "listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage", "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-exit-range-start" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-activation-range-start" }, - "timeline-trigger-range": { - "syntax": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#", + "timeline-trigger-active-range": { + "syntax": "[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", "percentages": [ - "timeline-trigger-range-start", - "timeline-trigger-range-end" + "timeline-trigger-active-range-start", + "timeline-trigger-active-range-end" ], "groups": [ "CSS Animations" ], "initial": [ - "timeline-trigger-range-start", - "timeline-trigger-range-end" + "timeline-trigger-active-range-start", + "timeline-trigger-active-range-end" ], "appliesto": "allElements", "computed": [ - "timeline-trigger-range-start", - "timeline-trigger-range-end" + "timeline-trigger-active-range-start", + "timeline-trigger-active-range-end" ], "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-range" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range" }, - "timeline-trigger-range-end": { - "syntax": "[ normal | | ? ]#", + "timeline-trigger-active-range-end": { + "syntax": "[ auto | normal | | ? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", @@ -11195,15 +11179,15 @@ "groups": [ "CSS Animations" ], - "initial": "normal", + "initial": "auto", "appliesto": "allElements", "computed": "listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage", "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-range-end" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range-end" }, - "timeline-trigger-range-start": { - "syntax": "[ normal | | ? ]#", + "timeline-trigger-active-range-start": { + "syntax": "[ auto | normal | | ? ]#", "media": "visual", "inherited": false, "animationType": "notAnimatable", @@ -11211,12 +11195,28 @@ "groups": [ "CSS Animations" ], - "initial": "normal", + "initial": "auto", "appliesto": "allElements", "computed": "listEachItemConsistingOfNormalLengthPercentageOrNameLengthPercentage", "order": "perGrammar", "status": "standard", - "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-range-start" + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-active-range-start" + }, + "timeline-trigger-name": { + "syntax": "none | #", + "media": "visual", + "inherited": false, + "animationType": "notAnimatable", + "percentages": "no", + "groups": [ + "CSS Animations" + ], + "initial": "none", + "appliesto": "allElements", + "computed": "asSpecified", + "order": "perGrammar", + "status": "standard", + "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/timeline-trigger-name" }, "timeline-trigger-source": { "syntax": "#",