Background Attachment

Set background attachment behavior

Syntax

visual="bg-attachment:[value]"

Values

Value	CSS Output	Description
fixed	background-attachment: fixed	Fixed background
local	background-attachment: local	Local scroll
scroll	background-attachment: scroll	Scroll with page

Examples

<div visual="bg-attachment:fixed">Parallax effect</div>

Preview

Background Attachment

visual="bg-attachment:fixed" - Control how background scrolls

fixed

scroll

View Code

<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small">fixed</div>
  <div space="p:small" visual="bg:primary text:white rounded:small">scroll</div>
</div>