animation-range-center

The animation-range-center property specifies the center point of an animation range.

🚧 Draft — This property is defined in a W3C Draft and may be subject to change

Formal Syntax

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

Initial value

normal

Applies to

all elements

Inherited

no

Percentages

relative to the corresponding dimension of the specified timeline range center subject, else relative to the start of the animation attachment range

Computed value

list, each item either the keyword normal or a timeline range center subject and a length-percentage value

Animation type

not animatable

See specification

JavaScript Access

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