Comments (0)
CSS
px
%
width: 500px; height: 500px; background: linear-gradient(0deg, rgb(67 133 245 / 1) 0%, rgb(67 133 245 / 1) 100%) 256px 202px / 220px 89px no-repeat no-repeat, /* Blue */ radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 1) 41%, rgb(255 255 255 / 0) 41.2%, rgb(255 255 255 / 0) 66%, rgb(255 255 255 / 1) 66.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */ linear-gradient(314deg, rgb(255 255 255 / 1) 50%, rgb(255 255 255 / 0) 50.2%) 301px 2px / 200px 200px no-repeat no-repeat, /* White */ linear-gradient(207deg, rgb(67 133 245 / 1) 50%, rgb(67 133 245 / 0) 50.2%) 232px 200px / 399px 324px no-repeat no-repeat, /* Blue */ linear-gradient(207deg, rgb(234 66 53 / 1) 50%, rgb(234 66 53 / 0) 50.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Red */ linear-gradient(147deg, rgb(250 188 8 / 1) 50%, rgb(250 188 8 / 0) 50.2%) 9px 128px / 291px 286px no-repeat no-repeat, /* Yellow */ radial-gradient(ellipse at 50% 50%, rgb(50 168 83 / 1) 0%, rgb(50 168 83 / 1) 100%) 0px 0px / 500px 500px no-repeat no-repeat; /* Green */

Colors

Views

1,212

Layers

7
Open in editor
Layers (7)
Blue
linear
Mask
radial
White
linear
Blue
linear
Red
linear
Yellow
linear
Green
radial