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/mask-position

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

mask-position utilities complete list

Tailwind CSS v4 provides the following mask-position utilities: mask-top-left (mask-position: top left;), mask-top (mask-position: top;), mask-top-right (mask-position: top right;), mask-left (mask-position: left;), mask-center (mask-position: center;), mask-right (mask-position: right;), mask-bottom-left (mask-position: bottom left;), mask-bottom (mask-position: bottom;), mask-bottom-right (mask-position: bottom right;). Custom values can be used with mask-position-(<custom-property>) for CSS custom properties or mask-position-[<value>] for arbitrary values.

mask-position utility syntax

The mask-position utilities in Tailwind CSS v4 control the position of an element's mask image. The utilities follow a naming pattern based on standard CSS position keywords: cardinal directions (top, bottom, left, right), diagonal corners (top-left, top-right, bottom-left, bottom-right), and center. Each utility class directly maps to the CSS mask-position property with the corresponding position value.

mask-position custom property support

The mask-position-(<custom-property>) syntax allows using CSS custom properties with mask-position utilities. This enables dynamic positioning values defined in CSS variables.

mask-position arbitrary values

The mask-position-[<value>] syntax allows arbitrary CSS values to be applied directly to the mask-position property, providing flexibility for values not covered by the standard utility classes.

mask-position responsive design

Mask-position utilities in Tailwind CSS v4 support responsive design modifiers, allowing different mask positions to be applied at different screen sizes.

Give your agent this brain