CSS @scroll-timeline

CSS property that allows animations to be driven by a container's scroll position

Spec	https://drafts.csswg.org/scroll-animations-1/
Status	Unofficial / Note

IE	Edge	Firefox	Chrome	Safari	Opera
			98 ⁽¹⁾
		95	97 ⁽¹⁾
		94	96 ⁽¹⁾	TP
11	95 ⁽¹⁾	93	95 ⁽¹⁾	15	80 ⁽¹⁾
10	94 ⁽¹⁾	92	94 ⁽¹⁾	14.1	79 ⁽¹⁾
9	93 ⁽¹⁾	91	93 ⁽¹⁾	14	78 ⁽¹⁾
8	92 ⁽¹⁾	90	92 ⁽¹⁾	13.1	77 ⁽¹⁾
Show all
7	91 ⁽¹⁾	89	91 ⁽¹⁾	13	76 ⁽¹⁾
6	90 ⁽¹⁾	88	90 ⁽¹⁾	12.1	75 ⁽¹⁾
5.5	89	87	89 ⁽¹⁾	12	74 ⁽²⁾
	88	86	88 ⁽¹⁾	11.1	73 ⁽²⁾
	87	85	87 ⁽²⁾	11	72
	86	84	86 ⁽²⁾	10.1	71
	85	83	85 ⁽²⁾	10	70
	84	82	84	9.1	69
	83	81	83	9	68
	81	80	81	8	67
	80	79	80	7.1	66
	79	78	79	7	65
	18	77	78	6.1	64
	17	76	77	6	63
	16	75	76	5.1	62
	15	74	75	5	60
	14	73	74	4	58
	13	72	73	3.2	57
	12	71	72	3.1	56
		70	71		55
		69	70		54
		68	69		53
		67	68		52
		66	67		51
		65	66		50
		64	65		49
		63	64		48
		62	63		47
		61	62		46
		60	61		45
		59	60		44
		58	59		43
		57	58		42
		56	57		41
		55	56		40
		54	55		39
		53	54		38
		52	53		37
		51	52		36
		50	51		35
		49	50		34
		48	49		33
		47	48		32
		46	47		31
		45	46		30
		44	45		29
		43	44		28
		42	43		27
		41	42		26
		40	41		25
		39	40		24
		38	39		23
		37	38		22
		36	37		21
		35	36		20
		34	35		19
		33	34		18
		32	33		17
		31	32		16
		30	31		15
		29	30		12.1
		28	29		12
		27	28		11.6
		26	27		11.5
		25	26		11.1
		24	25		11
		23	24		10.6
		22	23		10.5
		21	22		10.0-10.1
		20	21		9.5-9.6
		19	20		9
		18	19
		17	18
		16	17
		15	16
		14	15
		13	14
		12	13
		11	12
		10	11
		9	10
		8	9
		7	8
		6	7
		5	6
		4	5
		3.6	4
		3.5
		3
		2

Notes

Can be enabled in Chrome via the #enable-experimental-web-platform-features flag in chrome://flags
Can be enabled in Chrome via the --additional-blink-features=CSSScrollTimeline build flag

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/css-scroll-timeline