will-change-transform/scroll/contents/auto — compositor hints. This family contains 4 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
will-change-auto | will-change: auto; |
will-change-scroll | will-change: scroll-position; |
will-change-contents | will-change: contents; |
will-change-transform | will-change: transform; |
Example#
example
<div class="will-change-transform animate-spin">Heavy spinner</div>Responsive & variants#
Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- Apply just before animation, remove after — permanent hints waste memory
Related#
utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap