monks/animation_composition

The animation-composition CSS property specifies the {{Glossary(“composite operation”)}} to use when multiple animations affect the same property simultaneously.

Values

accumulate

</>

pub const accumulate: #(String, String)

: The effect and underlying values are combined. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value.

add

</>

pub const add: #(String, String)

: The effect value builds on the underlying value of the property. This operation produces an additive effect. For animation types where the addition operation is not commutative, the order of the operands is the underlying value followed by the effect value.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

raw

</>

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

Enter a raw string value for animation-composition

replace

</>

pub const replace: #(String, String)

: The effect value overrides the underlying value of the property. This is the default value.

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-composition. It will be wrapped in var() and have -- prepended.