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

mask-composite

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.

mask-add utility

The mask-add utility applies mask-composite: add; to combine multiple masks by adding them together.

mask-subtract utility

The mask-subtract utility applies mask-composite: subtract; to combine multiple masks by subtracting one from another.

mask-intersect utility

The mask-intersect utility applies mask-composite: intersect; to combine multiple masks by taking only the overlapping area.

mask-exclude utility

The mask-exclude utility applies mask-composite: exclude; to combine multiple masks by excluding the overlapping area.

mask-composite utilities example

Example of using mask-composite utilities: <div class="mask-add mask-[url(/img/circle.png),url(/img/circle.png)] mask-position-[30%_50%,70%_50%] bg-[url(/img/mountains.jpg)]"></div> applies mask-add to combine two circular masks with different positions over a background image.

mask-composite supports responsive design

The mask-composite utilities support responsive design variants, allowing different mask-composite values to be applied at different breakpoints.

Give your agent this brain