Syntax

Will Change

Setting how an element is expected to change in the browser.

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

Overview

ClassDeclarations
will-change:valuewill-change: value;

Conditionally apply

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

<div class="will-change:auto:hover will-change:auto@sm will-change:auto@dark will-change:auto@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.