7 CSS Triangle Backgrounds
A collection of hand-picked HTML and CSS triangle background code examples.
- CSS Animated Backgrounds
- CSS Background Patterns
- CSS Fixed Backgrounds
- CSS Particle Backgrounds
- jQuery Background Plugins
About the code
Two Triangles Background
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Author
- Lindsay Grizzard
About the code
Triangles Animation
Background triangle animations.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Author
- Ben Edwards
About the code
Triangular Grid
CSS-only triangular grid.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Author
- Edmundo Santos
About the code
Triangle Pattern
CSS triangle pattern background.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Author
- Edd Yerburgh
About the code
Responsive Triangle Background Images
Responsive triangle background images using clip-path.
Compatible browsers: Chrome, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
About the code
Animated Triangles
Animated triangles for background.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Author
- Russian Rebouças
About the code
Random Triangle Background
Random triangle background with SASS(SCSS).
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -