Comments (0)
CSS
px
%
width: 500px; height: 500px; background: conic-gradient(from 0deg at 50% 50%, rgb(69 255 144 / 0) 25%, rgb(0 0 0 / 0.5) 25%, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 0) 70%, rgb(0 0 0 / 0.5) 75%, rgb(0 0 0 / 0) 75%) 0px 0px / 100px 100px repeat repeat, /* Shadow */ conic-gradient(from 0deg at 50% 50%, rgb(69 255 144 / 0) 25%, rgb(0 0 0 / 0.5) 25%, rgb(0 0 0 / 0) 30%, rgb(0 0 0 / 0) 70%, rgb(0 0 0 / 0.5) 75%, rgb(0 0 0 / 0) 75%) 50px 50px / 100px 100px repeat repeat, /* Shadow */ conic-gradient(from 0deg at 50% 50%, rgb(255 69 69 / 1) 0%, 25%, rgb(255 69 69 / 0) 25%, 50%, rgb(255 69 69 / 1) 50%, 75%, rgb(255 69 69 / 0) 75%) 0px 0px / 100px 100px repeat repeat, /* Shingles */ linear-gradient(0deg, rgb(231 50 50 / 1) 0%, 50%, rgb(231 50 50 / 1) 100%) 0px 0px / 100px 100px repeat repeat; /* Background */

Colors

Views

2,756

Layers

4
Open in editor
Layers (4)
Shadow
conic
Shadow
conic
Shingles
conic
Background
linear