monks/animation_range_start

The animation-range-start CSS property is used to set the start of an animation’s attachment range along its timeline, i.e., where along the timeline an animation will start.

The animation-range-start and {{cssxref(“animation-range-end”)}} properties can also be set using the animation-range shorthand property.

animation-range-start is included in the {{cssxref(“animation”)}} shorthand as a reset-only value. This means that including animation resets a previously-declared animation-range-start value to normal, but a specific value cannot be set via animation. When creating CSS scroll-driven animations, you need to declare animation-range-start after declaring any animation shorthand for it to take effect.

Values

contain

</>

pub const contain: #(String, String)

contain value of animation-range-start

cover

</>

pub const cover: #(String, String)

cover value of animation-range-start

entry

</>

pub const entry: #(String, String)

entry value of animation-range-start

entry_crossing

</>

pub const entry_crossing: #(String, String)

entry-crossing value of animation-range-start

exit

</>

pub const exit: #(String, String)

exit value of animation-range-start

exit_crossing

</>

pub const exit_crossing: #(String, String)

exit-crossing value of animation-range-start

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

length

</>

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of animation-range-start

normal

</>

pub const normal: #(String, String)

normal value of animation-range-start

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for animation-range-start

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for animation-range-start. It will be wrapped in var() and have -- prepended.