Fixed Backgrounds

20 snippets

Browse Fixed Backgrounds examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-fixed-backgrounds

Snippets(20)

Background Attachment Fixed
A background attachment fixed built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Features
Parallax Scrolling, Fixed Background
Responsive
Yes
Background Scroll Effect
A background scroll effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
mix-blend-mode, fixed background
Responsive
Yes
Background-Attachment Fixed
A background-attachment fixed built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
CSS Fixed Background Hero
A css fixed background hero built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
parallax-effect, fixed-positioning
Responsive
Yes
CSS Fixed Background Scrolling Effect
A css fixed background scrolling effect built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3, HTML5
Difficulty
beginner
Responsive
Yes
CSS Fixed Backgrounds
A css fixed backgrounds built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Intermediate
Features
Parallax Scrolling, Fixed Backgrounds, Pure CSS
Responsive
Yes
CSS-Only Fixed-Background Parallax Scroll
A css-only fixed-background parallax scroll built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS
Difficulty
Beginner
Features
Parallax effect, Fixed backgrounds
Responsive
Yes
Center Content, Fixed Background
A center content, fixed background built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Features
fixed-background, centered-layout
Responsive
Yes
Fixed Background Effect (Parallax Scrolling Effect)
A fixed background effect (parallax scrolling effect) built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Fixed Background Full Sections
A fixed background full sections built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
Parallax Scrolling, Fixed Backgrounds
Responsive
Yes
Fun with Unsplash.it
A fun with unsplash.it built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Features
Fixed Backgrounds, Flexbox
Responsive
Yes
Grid with Fixed Background
A grid with fixed background built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Difficulty
beginner
Responsive
Yes
Retro CSS Slideshow
A retro css slideshow built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
Beginner
Features
Infinite loop, No-JS implementation
Responsive
Yes
Scroll Magic In Plain CSS
A scroll magic in plain css built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS3
Difficulty
intermediate
Features
Horizontal scrolling, CSS Transforms
Scrolling Backgrounds In CSS
A scrolling backgrounds in css built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
css
Difficulty
beginner
Features
parallax-effect, fixed-background
Responsive
Yes
Scrolling Fixed Background
A scrolling fixed background built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Features
parallax-effect, fixed-background
Responsive
Yes
Semi-Trans Overlay
A semi-trans overlay built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS, HTML
Difficulty
beginner
Responsive
Yes
Background-attachment: fixed;
A background-attachment: fixed; built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS
Difficulty
beginner
Features
parallax-effect, fixed-positioning
Responsive
Yes
Scroll Flip-Book
A scroll flip-book built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
CSS, HTML
Difficulty
Beginner
Features
Parallax Scrolling, Fixed Backgrounds
Responsive
Yes
Synchronized Pure CSS Skeleton Loader
A synchronized pure css skeleton loader built with modern frontend techniques for responsive and reusable UI.
Loading Animation Semantic Html Css Loader Html+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
Advanced
Browser support
Chrome 111+, Edge 111+, Safari 16.4+, Firefox 128+
Features
Global Synchronization, Viewport-aware speed, No-JS Math, Light/Dark Mode
Responsive
Yes

Snippets(20)

related hubs