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

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-alpha vs mask-luminance behavior

With mask-alpha, the opacity of the mask determines visibility of the masked element. With mask-luminance, the luminance value of the mask determines visibility, making grayscale colors produce the most predictable results.

mask-alpha utility class

The mask-alpha utility applies mask-mode: alpha; to an element. It uses the opacity of the mask to determine visibility of the masked element.

mask-luminance utility class

The mask-luminance utility applies mask-mode: luminance; to an element. It uses the luminance value of the mask to determine visibility, so grayscale colors produce the most predictable results.

mask-match utility class

The mask-match utility applies mask-mode: match-source; to an element.

mask-mode utilities table

Tailwind provides three mask-mode utilities: mask-alpha (mask-mode: alpha;), mask-luminance (mask-mode: luminance;), and mask-match (mask-mode: match-source;).

mask-mode responsive design

The mask-mode utilities (mask-alpha, mask-luminance, mask-match) support responsive design variants for applying different mask modes at different breakpoints.

Give your agent this brain