Background Attachment

Set the scroll behavior for background images.

This feature does not work in some of the most widely-used browsers.

Chrome

Edge

Firefox

SafariDesktop only

ba:f

background-attachment: fixed;

ba:l

background-attachment: local;

ba:s

background-attachment: scroll;

Prefix a class with a breakpoint to apply it from that width up.

Target viewport sizes with breakpoint prefixes.

Prefix a class with a state to apply it only while that state matches.