animation-name

Reference for the animation-name CSS property.

animname

animationName

Variables

When using a property with a semantic value like animname-<token>, Maple generates a variable fallback chain depending on the type of the property.

Replace <token> with the value segment after the dash in your utility class.

The chain is evaluated from left to right, using the first defined variable and falling through to the next variable or default.

The property resolves its semantic token before falling back to the literal value.

Resolves the semantic token for this property.

--animname-<token>Most Specific

--<token>

<token>Default