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