Comments (0)
CSS
width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 0) 38%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 45%, rgb(255 255 255 / 0) 45%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
linear-gradient(66deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 61%, rgb(0 0 0 / 0.2) 62%, rgb(255 255 255 / 0) 63%) 220px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 61%, rgb(0 0 0 / 0.2) 62%, rgb(255 255 255 / 0) 63%) 163px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(68deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 55%, rgb(0 0 0 / 0.2) 56%, rgb(255 255 255 / 0) 57%) 110px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(112deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 55%, rgb(0 0 0 / 0.2) 56%, rgb(255 255 255 / 0) 57%) 281px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(66deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 61%, rgb(0 0 0 / 0.2) 62%, rgb(255 255 255 / 0) 63%) 159px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgb(255 255 255 / 0) 36%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 38%, rgb(255 255 255 / 1) 61%, rgb(0 0 0 / 0.2) 62%, rgb(255 255 255 / 0) 63%) 218px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 0) 34%, rgb(0 0 0 / 0.2) 37%, rgb(255 255 255 / 1) 37.5%, rgb(255 255 255 / 1) 45.5%, rgb(0 0 0 / 0.2) 46%, rgb(255 255 255 / 0) 48%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
radial-gradient(ellipse at 50% 50%, rgb(255 255 255 / 0) 55%, rgb(255 255 255 / 1) 55.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle Mask */
radial-gradient(ellipse at 39% 37%, rgb(141 184 227 / 1) 0%, rgb(1 45 95 / 1) 63.7%) 0px 0px / 500px 500px no-repeat no-repeat; /* Background */
Layers (10)
Circle
radial
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Circle
radial
Circle Mask
radial
Background
radial
GRADIENT
.ART
css