bg-fixed (parallax), bg-local, bg-scroll. This family contains 3 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
bg-fixed | background-attachment: fixed; |
bg-local | background-attachment: local; |
bg-scroll | background-attachment: scroll; |
Example#
example
<section class="bg-fixed bg-cover" style="background-image:url(mtn.jpg)">Parallax</section>Responsive & variants#
Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- bg-fixed is janky on iOS Safari — test before shipping
Related#
utilities/backgrounds/gradients|Gradients · colors/index|Colors