Comments (0)
CSS
width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 38%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 45%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
linear-gradient(66deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 220px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 163px 258px / 120px 120px no-repeat no-repeat, /* Diagonal */
linear-gradient(68deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 55%, rgba(0,0,0,0.2) 56%, rgba(255,255,255,0) 57%) 110px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(112deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 55%, rgba(0,0,0,0.2) 56%, rgba(255,255,255,0) 57%) 281px 171px / 120px 190px no-repeat no-repeat, /* Diagonal */
linear-gradient(66deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 159px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
linear-gradient(114deg, rgba(255,255,255,0) 36%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 38%, rgba(255,255,255,1) 61%, rgba(0,0,0,0.2) 62%, rgba(255,255,255,0) 63%) 218px 121px / 120px 130px no-repeat no-repeat, /* Diagonal */
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 34%, rgba(0,0,0,0.2) 37%, rgba(255,255,255,1) 37.5%, rgba(255,255,255,1) 45.5%, rgba(0,0,0,0.2) 46%, rgba(255,255,255,0) 48%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle */
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 55.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Circle Mask */
radial-gradient(ellipse at 39% 37%, rgba(141,184,227,1) 0%, rgba(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