A collection of hand-picked HTML and CSS triangle background code examples.
TWO TRIANGLES BACKGROUND
Two Triangle Background made with HTML/CSS, Compatible browsers:Chrome, Edge, Firefox, Opera, Safari by vassili.
TRIANGLES ANIMATION
Background triangle animations.Made with HTML / CSS (SCSS) by Lindsay Grizzard
TRIANGULAR GRID
CSS-only triangular grid.Made with CSS (Stylus), Compatible browsers:Chrome, Edge, Firefox, Opera, Safari by Ben Edwards.
TRIANGLE PATTERN
CSS triangle pattern background.Made with CSS (SCSS), Compatible browsers:Chrome, Edge, Firefox, Opera, Safari by Edmundo Santos.
RESPONSIVE TRIANGLE BACKGROUND IMAGES
Responsive triangle background images using clip-path.Made with HTML / CSS by Edd Yerburgh.
ANIMATED TRIANGLES
Animated triangles for the background. Made with HTML (Haml) / CSS (SCSS) by Flugg.
RANDOM TRIANGLE BACKGROUND
Random triangle background with SASS(SCSS) by Russian Rebouças.