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

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

perspective utility classes and CSS output

Tailwind CSS v4 provides the following perspective utilities: perspective-dramatic (perspective: var(--perspective-dramatic); 100px), perspective-near (perspective: var(--perspective-near); 300px), perspective-normal (perspective: var(--perspective-normal); 500px), perspective-midrange (perspective: var(--perspective-midrange); 800px), perspective-distant (perspective: var(--perspective-distant); 1200px), perspective-none (perspective: none), perspective-(<custom-property>) (perspective: var(<custom-property>)), and perspective-[<value>] (perspective: <value>).

perspective-dramatic default value

The perspective-dramatic utility has a default value of 100px.

perspective-near default value

The perspective-near utility has a default value of 300px.

perspective-normal default value

The perspective-normal utility has a default value of 500px.

perspective-midrange default value

The perspective-midrange utility has a default value of 800px.

perspective-distant default value

The perspective-distant utility has a default value of 1200px.

perspective-none removes perspective transform

The perspective-none utility removes a perspective transform from an element by setting perspective to none.

perspective utilities support custom values with bracket notation

Perspective utilities support arbitrary custom values using bracket notation, such as perspective-[750px], which applies the custom value directly to the CSS.

perspective utilities support custom property references

Perspective utilities support custom property references using the syntax perspective-(<custom-property>), which applies perspective: var(<custom-property>) to the element.

perspective utilities support responsive design

Perspective utilities in Tailwind CSS v4 are responsive and can be applied at different breakpoints using standard responsive prefixes.

perspective utilities can be customized in theme

The perspective utility values can be customized in the Tailwind CSS theme configuration, allowing you to define custom perspective values that override or extend the default values.

Give your agent this brain