Series
Tracks
Resources
Snippets
Login
Sign up
Series
Tracks
Resources
Snippets
Login
Sign up
Skip Navigation
Tailwind Parallax Image Scrolling
This is a simple parallax effect created by setting the background attachment property to a fixed position. This technique is not meant for non-decorative images, videos, etc. as those require additional HTML and CSS to work properly.
View on CodePen
Related Snippets
See all
Mobile first standard media queries
css
media queries
Tailwind Video Background
css
tailwindcss
video
No-JavaScript Accordions with Details/Summary Tags
css
html
accordion