How can I pause a CSS animation in perspective based on the condition of a Boolean tag? I am doing a basic icon animation of the status of an extrusion press. TIA
Whichever component is being used should have props.style.classes
is bound against the tag in question, where it has a binding like this:
if({[default]SomeTag} = <someValue>, "move", "")
Note that this binding would prevent the application of any other classes for this component.
add "amination-play-state" to the component and toggle between 'paused' and 'running'