Zig Zag

Designed by
Yoav Kadosh

Keywords:

Colors:

A zig-zag pattern made from 4 linear CSS gradients

Layers
4
Views
163
Open in Editor

Layers

Top Right
(linear)
Top Left
(linear)
Bottom Right
(linear)
Bottom Left
(linear)

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 */