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/background-attachment

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.

background-attachment utilities table

Tailwind CSS v4 provides these background-attachment utilities: `bg-fixed` maps to `background-attachment: fixed;`, `bg-local` maps to `background-attachment: local;`, and `bg-scroll` maps to `background-attachment: scroll;`.

bg-fixed usage

Use the `bg-fixed` utility to fix a background image relative to the viewport so it stays in place while the content scrolls. Example: `<div class="bg-[url(/img/mountains.jpg)] bg-fixed ...">`.

bg-local usage

Use the `bg-local` utility to make the background image scroll with the container's own content as well as with the viewport (background-attachment: local). Example: `<div class="bg-[url(/img/mountains.jpg)] bg-local ...">`.

bg-scroll usage

Use the `bg-scroll` utility to make the background image scroll with the viewport but remain fixed relative to its own container (background-attachment: scroll). Example: `<div class="bg-[url(/img/mountains.jpg)] bg-scroll ...">`.

Responsive background-attachment utilities

Background-attachment utilities like `bg-fixed` and `bg-local` support responsive breakpoint prefixes (e.g. applying `bg-local` by default and switching to `bg-fixed` at a larger breakpoint), following Tailwind's standard responsive design conventions using breakpoint variants such as sm:, md:, etc.

Give your agent this brain