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-composite

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.

mask-composite utility classes in Tailwind v4

Tailwind v4 provides four utility classes for controlling how multiple masks are combined together: mask-add (mask-composite: add), mask-subtract (mask-composite: subtract), mask-intersect (mask-composite: intersect), and mask-exclude (mask-composite: exclude).

mask-composite utilities table

The mask-composite utilities are: mask-add applies mask-composite: add; mask-subtract applies mask-composite: subtract; mask-intersect applies mask-composite: intersect; mask-exclude applies mask-composite: exclude;

mask-add usage

The mask-add utility combines multiple masks by adding them together, showing all masked areas.

mask-subtract usage

The mask-subtract utility subtracts one mask from another, removing overlapping areas.

mask-intersect usage

The mask-intersect utility shows only the areas where multiple masks overlap.

mask-exclude usage

The mask-exclude utility excludes overlapping areas where masks combine, showing only non-overlapping parts.

mask-composite responsive design support

The mask-composite utilities support responsive design in Tailwind v4, allowing different mask composition methods at different breakpoints.

Give your agent this brain