animation-range-start

The animation-range-start property specifies the starting point of an animation range.

Formal Syntax

[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#

Initial value

normal

Applies to

all elements

Inherited

no

Percentages

relative to the specified named timeline range if one was specified, else to the entire timeline

Computed value

list, each item either the keyword normal or a timeline range and progress percentage

Animation type

not animatable

See specification

JavaScript Access

// Access via element.style
element.style.animationRangeStart = 'normal';