FilesExpand file tree

 main

/

scroll-driven-animations.yml

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

51 lines (51 loc) · 1.94 KB

 main

/

scroll-driven-animations.yml

Top

File metadata and controls

• Code
• Blame

51 lines (51 loc) · 1.94 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

name: Scroll-driven animations

description: The `animation-timeline`, `scroll-timeline`, and `view-timeline` CSS properties advance animations based on the user's scroll position.

spec: https://drafts.csswg.org/scroll-animations-1/

group:

- scrolling

- animation

# css.properties.animation.animation-timeline_included is not necessary to use

# the feature, and is not supported. See https://crbug.com/337580010

status:

compute_from:

- css.properties.animation-timeline

- css.properties.scroll-timeline

- css.properties.view-timeline

compat_features:

- api.ScrollTimeline

- api.ScrollTimeline.axis

- api.ScrollTimeline.ScrollTimeline

- api.ScrollTimeline.source

- api.ViewTimeline

- api.ViewTimeline.endOffset

- api.ViewTimeline.startOffset

- api.ViewTimeline.subject

- api.ViewTimeline.ViewTimeline

- css.properties.animation-range

- css.properties.animation-range-end

- css.properties.animation-range-end.normal

- css.properties.animation-range-start

- css.properties.animation-range-start.normal

- css.properties.animation-timeline

- css.properties.animation-timeline.scroll

- css.properties.animation-timeline.view

- css.properties.animation.animation-timeline_included

- css.properties.scroll-timeline

- css.properties.scroll-timeline-axis

- css.properties.scroll-timeline-axis.block

- css.properties.scroll-timeline-axis.inline

- css.properties.scroll-timeline-axis.x

- css.properties.scroll-timeline-axis.y

- css.properties.scroll-timeline-name

- css.properties.timeline-scope

- css.properties.timeline-scope.all

- css.properties.timeline-scope.none

- css.properties.view-timeline

- css.properties.view-timeline-axis

- css.properties.view-timeline-axis.block

- css.properties.view-timeline-axis.inline

- css.properties.view-timeline-axis.x

- css.properties.view-timeline-axis.y

- css.properties.view-timeline-inset

- css.properties.view-timeline-inset.auto

- css.properties.view-timeline-name