These animations are used to highlight some kind of update on the page. The classes that trigger these animations are generally set through the use of JavaScript.

Please use animations sparingly to prevent a visual overload for the user.

<div class="animate-tick">Tick</div>

<div class="blink">Blink</div>

<div class="blink-attention">Blink attention</div>
<div class="animate-tick">Tick</div>

<div class="blink">Blink</div>

<div class="blink-attention">Blink attention</div>
/* No context defined for this component. */