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 · Utilities reference · all subjects

transform

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

transform-none utility

The transform-none utility removes all transforms on an element by setting transform: none;

transform-gpu utility

The transform-gpu utility forces hardware acceleration by setting transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);

transform-cpu utility

The transform-cpu utility forces rendering to the CPU by setting transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);

transform-[<value>] arbitrary value syntax

The transform-[<value>] utility allows arbitrary transform values to be used by applying transform: <value>;

transform-(<custom-property>) custom property syntax

The transform-(<custom-property>) utility allows using custom CSS properties by applying transform: var(<custom-property>);

GPU acceleration example

The scale-150 transform-gpu combination applies both a scale transform and forces hardware acceleration for better animation performance.

Responsive transform-none example

The utility skew-y-3 md:transform-none applies a skew on mobile and removes all transforms at the md breakpoint.

Give your agent this brain