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

1,233

Forks

0

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
© 2023 GradientArt
Designed & Developed by Yoav Kadosh