{
"dom-scrolltimeline-scrolltimeline": [
{
"engines": [
"blink"
],
"filename": "api/ScrollTimeline.json",
"name": "ScrollTimeline",
"slug": "API/ScrollTimeline/ScrollTimeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ScrollTimeline/ScrollTimeline",
"summary": "The ScrollTimeline() constructor creates a new ScrollTimeline object instance.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ScrollTimeline: ScrollTimeline() constructor"
}
],
"dom-scrolltimeline-axis": [
{
"engines": [
"blink"
],
"filename": "api/ScrollTimeline.json",
"name": "axis",
"slug": "API/ScrollTimeline/axis",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ScrollTimeline/axis",
"summary": "The axis read-only property of the ScrollTimeline interface returns an enumerated value representing the scroll axis that is driving the progress of the timeline.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ScrollTimeline: axis property"
}
],
"scrolltimeline-interface": [
{
"engines": [
"blink"
],
"filename": "api/ScrollTimeline.json",
"name": "ScrollTimeline",
"slug": "API/ScrollTimeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ScrollTimeline",
"summary": "The ScrollTimeline interface of the Web Animations API represents a scroll progress timeline (see CSS scroll-driven animations for more details).",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ScrollTimeline"
}
],
"dom-viewtimeline-viewtimeline": [
{
"engines": [
"blink"
],
"filename": "api/ViewTimeline.json",
"name": "ViewTimeline",
"slug": "API/ViewTimeline/ViewTimeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ViewTimeline/ViewTimeline",
"summary": "The ViewTimeline() constructor creates a new ViewTimeline object instance.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ViewTimeline: ViewTimeline() constructor"
}
],
"dom-viewtimeline-endoffset": [
{
"engines": [
"blink"
],
"filename": "api/ViewTimeline.json",
"name": "endOffset",
"slug": "API/ViewTimeline/endOffset",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ViewTimeline/endOffset",
"summary": "The endOffset read-only property of the ViewTimeline interface returns a CSSNumericValue representing the ending (100% progress) scroll position of the timeline as an offset from the start of the overflowing section of content in the scroller.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ViewTimeline: endOffset property"
}
],
"viewtimeline-interface": [
{
"engines": [
"blink"
],
"filename": "api/ViewTimeline.json",
"name": "ViewTimeline",
"slug": "API/ViewTimeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/ViewTimeline",
"summary": "The ViewTimeline interface of the Web Animations API represents a view progress timeline (see CSS scroll-driven animations for more details).",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "ViewTimeline"
}
],
"animation-range-end": [
{
"engines": [
"blink"
],
"filename": "css/properties/animation-range-end.json",
"name": "animation-range-end",
"slug": "CSS/animation-range-end",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range-end",
"summary": "The animation-range-end CSS property is used to set the end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will end.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "animation-range-end"
}
],
"animation-range-start": [
{
"engines": [
"blink"
],
"filename": "css/properties/animation-range-start.json",
"name": "animation-range-start",
"slug": "CSS/animation-range-start",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range-start",
"summary": "The animation-range-start CSS property is used to set the start of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "animation-range-start"
}
],
"animation-range": [
{
"engines": [
"blink"
],
"filename": "css/properties/animation-range.json",
"name": "animation-range",
"slug": "CSS/animation-range",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-range",
"summary": "The animation-range CSS shorthand property is used to set the start and end of an animation's attachment range along its timeline, i.e. where along the timeline an animation will start and end.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "animation-range"
}
],
"scroll-notation": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/animation-timeline.json",
"name": "scroll",
"slug": "CSS/animation-timeline/scroll",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline/scroll",
"summary": "The scroll() CSS function can be used with animation-timeline to indicate a scrollable element (scroller) and scrollbar axis that will provide an anonymous scroll progress timeline for animating the current element. The scroll progress timeline is progressed through by scrolling the scroller between top and bottom (or left and right). The position in the scroll range is converted into a percentage of progress — 0% at the start and 100% at the end.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "110",
"notes": [
"Zero scroll range is treated as 100% but should be 0% (see bug 1780865).",
"Supports the deprecated horizontal and vertical axis values, and not the x and y values."
],
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "101",
"version_removed": "110",
"notes": [
"Zero scroll range is treated as 100% but should be 0% (see bug 1780865).",
"Supports the deprecated horizontal and vertical axis values, and not the x and y values."
],
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-linked-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "scroll()"
}
],
"view-notation": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/animation-timeline.json",
"name": "view",
"slug": "CSS/animation-timeline/view",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline/view",
"summary": "The view() CSS function can be used with animation-timeline to indicate a subject element that will provide an anonymous view progress timeline to animate. The view progress timeline is progressed through by a change in visibility of the subject element inside the nearest ancestor scroller. The visibility of the subject inside the scroller is tracked — by default, the timeline is at 0% when the subject is first visible at one edge of the scroller, and 100% when it reaches the opposite edge.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "114",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "view()"
}
],
"propdef-scroll-timeline-axis": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/scroll-timeline-axis.json",
"name": "scroll-timeline-axis",
"slug": "CSS/scroll-timeline-axis",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-timeline-axis",
"summary": "The scroll-timeline-axis CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a named scroll progress timeline animation, which is progressed through by scrolling a scrollable element (scroller) between top and bottom (or left and right). scroll-timeline is set on the scroller that will provide the timeline. See CSS scroll-driven animations for more details.",
"support": {
"chrome": [
{
"version_added": "115"
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
],
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "111",
"notes": [
"The syntax of the shorthand property uses the fixed order of name and then the axis.",
"Supports the deprecated horizontal and vertical values, and not the x and y values.",
"The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`."
],
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "103",
"version_removed": "110",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-linked-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": [
{
"version_added": "115"
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
]
},
"title": "scroll-timeline-axis"
}
],
"scroll-timeline-name": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/scroll-timeline-name.json",
"name": "scroll-timeline-name",
"slug": "CSS/scroll-timeline-name",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-timeline-name",
"summary": "The scroll-timeline-name CSS property is used to define the name of a named scroll progress timeline, which is progressed through by scrolling a scrollable element (scroller) between top and bottom (or left and right). scroll-timeline-name is set on the scroller that will provide the timeline.",
"support": {
"chrome": [
{
"version_added": "115"
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
],
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "111",
"notes": [
"The syntax of the shorthand property uses the fixed order of name and then the axis.",
"The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`."
],
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "103",
"version_removed": "110",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-linked-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": [
{
"version_added": "115"
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
]
},
"title": "scroll-timeline-name"
}
],
"scroll-timeline-shorthand": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"blink",
"gecko"
],
"filename": "css/properties/scroll-timeline.json",
"name": "scroll-timeline",
"slug": "CSS/scroll-timeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-timeline",
"summary": "The scroll-timeline CSS shorthand property is used to define a named scroll progress timeline, which is progressed through by scrolling a scrollable element (scroller) between top and bottom (or left and right). scroll-timeline is set on the scroller that will provide the timeline. The starting scroll position represents 0% progress and the ending scroll position represents 100% progress. If the 0% position and 100% position coincide (i.e., the scroll container has no overflow to scroll), the timeline is inactive.",
"support": {
"chrome": [
{
"version_added": "115",
"partial_implementation": true,
"notes": "scroll-timeline-attachment not included in shorthand."
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
],
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "111",
"notes": [
"The syntax of the shorthand property uses the fixed order of name and then the axis.",
"Supports the deprecated horizontal and vertical axis values, and not the x and y values.",
"The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`."
],
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "103",
"version_removed": "110",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-linked-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": [
{
"version_added": "115",
"partial_implementation": true,
"notes": "scroll-timeline-attachment not included in shorthand."
},
{
"version_added": "111",
"notes": "The syntax of the shorthand property `scroll-timeline` uses the fixed order of name and then the axis.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
{
"version_added": "108",
"notes": "The `@scroll-timeline` at-rule is replaced with the longhand properties `scroll-timeline-name` and `scroll-timeline-axis` and the shorthand property `scroll-timeline`.",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
]
},
"title": "scroll-timeline"
}
],
"propdef-timeline-scope": [
{
"engines": [
"blink"
],
"needsflag": [
"blink"
],
"filename": "css/properties/timeline-scope.json",
"name": "timeline-scope",
"slug": "CSS/timeline-scope",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/timeline-scope",
"summary": "The timeline-scope CSS property modifies the scope of a named animation timeline.",
"support": {
"chrome": {
"version_added": "116",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "116",
"flags": [
{
"type": "preference",
"name": "#enable-experimental-web-platform-features",
"value_to_set": "Enabled"
}
]
}
},
"title": "timeline-scope"
}
],
"view-timeline-axis": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/view-timeline-axis.json",
"name": "view-timeline-axis",
"slug": "CSS/view-timeline-axis",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/view-timeline-axis",
"summary": "The view-timeline-axis CSS property is used to specify the scrollbar direction that will be used to provide the timeline for a named view progress timeline animation, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline-axis is set on the subject. See CSS scroll-driven animations for more details.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "114",
"notes": "Now supports the x and y values, and also the deprecated horizontal and vertical values.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "111",
"version_removed": "114",
"notes": "Supports the deprecated horizontal and vertical values, and not the x and y values.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "view-timeline-axis"
}
],
"view-timeline-inset": [
{
"engines": [
"blink"
],
"filename": "css/properties/view-timeline-inset.json",
"name": "view-timeline-inset",
"slug": "CSS/view-timeline-inset",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/view-timeline-inset",
"summary": "The view-timeline-inset CSS property is used to specify one or two values representing an adjustment to the position of the scrollport (see Scroll container for more details) in which the subject element of a named view progress timeline animation is deemed to be visible. Put another way, this allows you to specify start and/or end inset (or outset) values that offset the position of the timeline.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": false
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "view-timeline-inset"
}
],
"view-timeline-name": [
{
"engines": [
"blink",
"gecko"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/view-timeline-name.json",
"name": "view-timeline-name",
"slug": "CSS/view-timeline-name",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/view-timeline-name",
"summary": "The view-timeline-name CSS property is used to define the name of a named view progress timeline, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline is set on the subject.",
"support": {
"chrome": {
"version_added": "115"
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": {
"version_added": "111",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115"
}
},
"title": "view-timeline-name"
}
],
"view-timeline-shorthand": [
{
"engines": [
"gecko"
],
"partial": [
"blink"
],
"needsflag": [
"gecko"
],
"filename": "css/properties/view-timeline.json",
"name": "view-timeline",
"slug": "CSS/view-timeline",
"mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/view-timeline",
"summary": "The view-timeline CSS shorthand property is used to define a named view progress timeline, which is progressed through based on the change in visibility of an element (known as the subject) inside a scrollable element (scroller). view-timeline is set on the subject.",
"support": {
"chrome": {
"version_added": "115",
"partial_implementation": true,
"notes": "view-timeline-attachment not included in shorthand."
},
"chrome_android": "mirror",
"edge": "mirror",
"firefox": [
{
"version_added": "114",
"notes": "Now supports the x and y values, and also the deprecated horizontal and vertical values.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
},
{
"version_added": "111",
"version_removed": "114",
"notes": "Supports the deprecated horizontal and vertical values, and not the x and y values.",
"flags": [
{
"type": "preference",
"name": "layout.css.scroll-driven-animations.enabled",
"value_to_set": "true"
}
]
}
],
"firefox_android": "mirror",
"ie": {
"version_added": false
},
"oculus": "mirror",
"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
},
"safari_ios": "mirror",
"samsunginternet_android": "mirror",
"webview_android": "mirror",
"edge_blink": {
"version_added": "115",
"partial_implementation": true,
"notes": "view-timeline-attachment not included in shorthand."
}
},
"title": "view-timeline"
}
]
}