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/skew

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

Skew utilities support responsive design

Skew utilities support responsive design variants, allowing different skew values at different breakpoints.

skew-y-<number> utility class

The skew-y-<number> utility class applies transform: skewY(<number>deg); to skew an element only on the y-axis.

-skew-y-<number> utility class

The -skew-y-<number> utility class applies transform: skewY(-<number>deg); to skew an element in the opposite direction on the y-axis.

skew-y-(<custom-property>) custom property syntax

The skew-y-(<custom-property>) utility applies transform: skewY(var(<custom-property>)); allowing the y-axis to use a CSS custom property value.

skew-y-[<value>] arbitrary value syntax

The skew-y-[<value>] utility applies transform: skewY(<value>); allowing arbitrary values for skewing the y-axis.

Skew utilities support arbitrary custom values

All skew utilities support arbitrary custom values using bracket notation, such as skew-[3.142rad] for custom angle units beyond degrees.

Give your agent this brain