Parallax effect
Tailwind CSS Parallax effect
Use the responsive parallax component and control how a background image behaves when scrolling.
Background Attachment Fixed
Use bg-fixed
to fix the background image relative to the
viewport.
In the realm of towering mountains, where the air is crisp and the vistas stretch endlessly, one finds solace, exhilaration, and a profound connection with the untamed beauty of the natural world.
As the sun rises over the rugged peaks, casting a golden glow on the majestic landscape, a sense of awe fills the heart, reminding us of the grandeur and power that reside in the mountains.
Local
Use bg-local
to scroll the background image with the
container and the viewport.
In the realm of towering mountains, where the air is crisp and the vistas stretch endlessly, one finds solace, exhilaration, and a profound connection with the untamed beauty of the natural world.
As the sun rises over the rugged peaks, casting a golden glow on the majestic landscape, a sense of awe fills the heart, reminding us of the grandeur and power that reside in the mountains.
Scroll
Use bg-scroll
to scroll the background image with the
viewport, but not with the container.
In the realm of towering mountains, where the air is crisp and the vistas stretch endlessly, one finds solace, exhilaration, and a profound connection with the untamed beauty of the natural world.
As the sun rises over the rugged peaks, casting a golden glow on the majestic landscape, a sense of awe fills the heart, reminding us of the grandeur and power that reside in the mountains.