CSS Scroll Timeline

GPTKB entity

Statements (31)
Predicate Object
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