Syntax

Transition

Controlling animation speed when changing CSS properties.

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

Overview

ClassDeclarations
~name|durationtransition: name duration;

Conditionally apply

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

<div class="transition:padding|300ms|ease-in:hover transition:padding|300ms|ease-in@sm transition:padding|300ms|ease-in@dark transition:padding|300ms|ease-in@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.