From 121d18c0733ce5f4bc3bcf1d06b65ab2e84aa1b6 Mon Sep 17 00:00:00 2001 From: Chris Mills Date: Thu, 12 Feb 2026 15:08:08 +0000 Subject: [PATCH] Chrome 146 scroll-triggered animations --- .../timeline-trigger-exit-range-end.json | 38 +++ .../timeline-trigger-exit-range-start.json | 38 +++ .../timeline-trigger-exit-range.json | 38 +++ .../timeline-trigger-range-end.json | 38 +++ .../timeline-trigger-range-start.json | 38 +++ css/properties/timeline-trigger-range.json | 38 +++ css/types/animation-action.json | 286 ++++++++++++++++++ 7 files changed, 514 insertions(+) create mode 100644 css/properties/timeline-trigger-exit-range-end.json create mode 100644 css/properties/timeline-trigger-exit-range-start.json create mode 100644 css/properties/timeline-trigger-exit-range.json create mode 100644 css/properties/timeline-trigger-range-end.json create mode 100644 css/properties/timeline-trigger-range-start.json create mode 100644 css/properties/timeline-trigger-range.json create mode 100644 css/types/animation-action.json diff --git a/css/properties/timeline-trigger-exit-range-end.json b/css/properties/timeline-trigger-exit-range-end.json new file mode 100644 index 00000000000000..15e9224d6ff9b7 --- /dev/null +++ b/css/properties/timeline-trigger-exit-range-end.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-exit-range-end": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-end", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-active-range-end", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/properties/timeline-trigger-exit-range-start.json b/css/properties/timeline-trigger-exit-range-start.json new file mode 100644 index 00000000000000..bc5519a7b6de65 --- /dev/null +++ b/css/properties/timeline-trigger-exit-range-start.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-exit-range-start": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-start", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-active-range-start", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/properties/timeline-trigger-exit-range.json b/css/properties/timeline-trigger-exit-range.json new file mode 100644 index 00000000000000..5cbe51c3f58d1d --- /dev/null +++ b/css/properties/timeline-trigger-exit-range.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-exit-range": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-active-range", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/properties/timeline-trigger-range-end.json b/css/properties/timeline-trigger-range-end.json new file mode 100644 index 00000000000000..267159549b8fcc --- /dev/null +++ b/css/properties/timeline-trigger-range-end.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-range-end": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-end", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-activation-range-end", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/properties/timeline-trigger-range-start.json b/css/properties/timeline-trigger-range-start.json new file mode 100644 index 00000000000000..78089719e5bfcc --- /dev/null +++ b/css/properties/timeline-trigger-range-start.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-range-start": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-start", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-activation-range-start", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/properties/timeline-trigger-range.json b/css/properties/timeline-trigger-range.json new file mode 100644 index 00000000000000..62ab3ab5c8ffdc --- /dev/null +++ b/css/properties/timeline-trigger-range.json @@ -0,0 +1,38 @@ +{ + "css": { + "properties": { + "timeline-trigger-range": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range", + "support": { + "chrome": { + "alternative_name": "timeline-trigger-activation-range", + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } +} diff --git a/css/types/animation-action.json b/css/types/animation-action.json new file mode 100644 index 00000000000000..91ea636869288e --- /dev/null +++ b/css/types/animation-action.json @@ -0,0 +1,286 @@ +{ + "css": { + "types": { + "animation-action": { + "__compat": { + "description": "``", + "spec_url": "https://drafts.csswg.org/css-animations-2/#typedef-animation-action", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + }, + "none": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-none", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "pause": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-pause", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "play": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "play-backwards": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play-backwards", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "play-forwards": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play-forwards", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "play-once": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-play-once", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "replay": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-replay", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + }, + "reset": { + "__compat": { + "spec_url": "https://drafts.csswg.org/css-animations-2/#valdef-animation-action-reset", + "support": { + "chrome": { + "version_added": "146" + }, + "chrome_android": "mirror", + "edge": "mirror", + "firefox": { + "version_added": false + }, + "firefox_android": "mirror", + "oculus": "mirror", + "opera": "mirror", + "opera_android": "mirror", + "safari": { + "version_added": false + }, + "safari_ios": "mirror", + "samsunginternet_android": "mirror", + "webview_android": "mirror", + "webview_ios": "mirror" + }, + "status": { + "experimental": true, + "standard_track": true, + "deprecated": false + } + } + } + } + } + } +}