Comments (0)
CSS
px
%
width: 500px; height: 500px; background: linear-gradient(225deg, rgb(50 242 181 / 1) 24%, rgb(69 168 255 / 0) 25%) 50px -100px / 100px 100px repeat repeat, /* Top Right */ linear-gradient(135deg, rgb(50 242 181 / 1) 24%, rgb(69 168 255 / 0) 25%) 50px -100px / 100px 100px repeat repeat, /* Top Left */ linear-gradient(-45deg, rgb(50 242 181 / 1) 24%, rgb(69 168 255 / 0) 25%) 100px 0px / 100px 100px repeat repeat, /* Bottom Right */ linear-gradient(45deg, rgb(50 242 181 / 1) 24%, rgb(69 168 255 / 0) 25%) 0px 0px / 100px 100px repeat repeat; /* Bottom Left */

Zig Zag

Yoav Kadosh

A zig-zag pattern made from 4 linear CSS gradients

patternzig-zag

Colors

Views

2,578

Layers

4
Open in editor
Layers (4)
Top Right
linear
Top Left
linear
Bottom Right
linear
Bottom Left
linear

Explore

Community

Social

Advanced CSS Gradient Editor
© 2025 GradientArt
Designed & Developed by Yoav Kadosh