|
gptkbp:instanceOf
|
gptkb:website
CSS feature
|
|
gptkbp:allows
|
animation to be controlled by scroll position
|
|
gptkbp:canBe
|
gptkb:JavaScript_Animations
gptkb:CSS_Animations
element-based scroll containers
viewport-based scroll containers
|
|
gptkbp:compatibleWith
|
gptkb:Safari
gptkb:Firefox
|
|
gptkbp:definedIn
|
gptkb:W3C_Working_Draft
|
|
gptkbp:enables
|
progress bars
animation progress based on scroll position
parallax effects
scroll-driven transitions
|
|
gptkbp:hasSyntax
|
@scroll-timeline myTimeline { ... }
|
|
https://www.w3.org/2000/01/rdf-schema#label
|
CSS Scroll Timeline
|
|
gptkbp:introducedIn
|
2022
|
|
gptkbp:partOf
|
gptkb:CSS_Scroll-Linked_Animations_specification
|
|
gptkbp:property
|
orientation
source
scrollOffsets
|
|
gptkbp:relatedTo
|
gptkb:Web_Animations_API
@scroll-timeline at-rule
|
|
gptkbp:requires
|
@scroll-timeline at-rule
|
|
gptkbp:specifies
|
https://drafts.csswg.org/scroll-animations-1/
|
|
gptkbp:status
|
experimental
|
|
gptkbp:supportedBy
|
gptkb:Edge
gptkb:Chrome
|
|
gptkbp:usedFor
|
scroll-linked animations
|
|
gptkbp:bfsParent
|
gptkb:CSS_Working_Group
|
|
gptkbp:bfsLayer
|
4
|