Comments (0)
CSS
width: 700px;
height: 700px;
background:
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%, 48.93%, rgb(133 124 255 / 0) 56.61%) 505px -51px / 391px 327px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 0.48) 32.88%, rgb(133 124 255 / 0) 56.61%) 344px -179px / 694px 593px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 1) 0%, 43.84%, rgb(133 124 255 / 0) 56.61%) -109px 483px / 377px 371px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 0.39) 29.11%, rgb(133 124 255 / 0) 70.89%) -274px 281px / 740px 737px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 1) 0%, 36.99%, rgb(133 124 255 / 0) 56.61%) 397px 427px / 377px 371px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgb(170 97 255 / 0.53) 28.77%, rgb(133 124 255 / 0) 73.29%) 226px 261px / 669px 679px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgb(13 234 227 / 0.37) 37.46%, rgb(133 124 255 / 0) 66.14%) 456px 373px / 185px 221px no-repeat no-repeat, /* Bubble (Blue) */
radial-gradient(ellipse at 50% 50%, rgb(13 234 227 / 0.37) 27.4%, rgb(133 124 255 / 0) 66.14%) 147px 100px / 213px 208px no-repeat no-repeat, /* Bubble (Blue) */
radial-gradient(ellipse at 50% 50%, rgb(13 234 227 / 0.25) 34.59%, rgb(133 124 255 / 0) 70.55%) -7px -54px / 514px 513px no-repeat no-repeat, /* Bubble (Blue Glow) */
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%, 43.15%, rgb(133 124 255 / 0) 56.61%) 130px -70px / 289px 290px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 0.5) 33.9%, rgb(133 124 255 / 0) 67.47%) 20px -161px / 510px 486px no-repeat no-repeat, /* Bubble (Purple Glow) */
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 1) 0%, 41.78%, rgb(133 124 255 / 0) 58.22%) 169px 314px / 289px 290px no-repeat no-repeat, /* Bubble (Purple) */
radial-gradient(ellipse at 50% 50%, rgb(107 96 255 / 0.36) 33.56%, rgb(133 124 255 / 0) 71.58%) 32px 177px / 563px 555px no-repeat no-repeat, /* Bubble (Purple Glow) */
linear-gradient(0deg, rgb(19 16 67 / 0) 0%, 50%, rgb(93 48 145 / 0.97) 100%) 0px 0px / 700px 700px no-repeat no-repeat; /* Background */
Layers (14)
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Blue)
radial
Bubble (Blue)
radial
Bubble (Blue Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Bubble (Purple)
radial
Bubble (Purple Glow)
radial
Background
linear
GRADIENT
.ART
css