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