new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Tailwind CSS v4 · all subjects

utilities/will-change

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

will-change utility classes

Tailwind v4 provides the following will-change utilities: 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;), will-change-<custom-property> (will-change: var(<custom-property>);), and will-change-[<value>] (will-change: <value>;).

will-change optimization usage

The will-change utilities like will-change-scroll, will-change-contents, and will-change-transform should be applied just before an element is expected to change to optimize animations, and then removed shortly after using will-change-auto. These utilities instruct the browser to prepare the necessary animation before it actually begins.

will-change should not be used preventatively

The will-change property is intended to be used as a last resort when dealing with known performance problems. Avoid using these utilities too much or in anticipation of performance issues, as doing so could actually cause the page to be less performant.

will-change custom values in v4

In Tailwind v4, custom values can be used with will-change through the will-change-[<value>] syntax, allowing arbitrary CSS values to be applied to the will-change property.

Give your agent this brain