Comments (0)
CSS
px
%
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 */

Colors

Views

1,417

Layers

10
Open in editor
Layers (10)
Circle
radial
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Diagonal
linear
Circle
radial
Circle Mask
radial
Background
radial