Syntax

Animation Name

Setting the names of the animation.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
@name:name,animation-name: name,;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="@name:fade:hover @name:fade@sm @name:fade@dark @name:fade@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.