Orbs

Designed by
Wu Junyi

Forked From: 2ohv9xr7il

Keywords:

Colors:

Layers
20
Views
236
Open in Editor

Layers

19
(radial)
18
(radial)
17
(radial)
16
(radial)
15
(radial)
14
(radial)
13
(radial)
12
(radial)
11
(radial)
10
(radial)
9
(radial)
8
(radial)
7
(radial)
6
(radial)
5
(radial)
4
(radial)
3
(radial)
2
(radial)
1
(radial)
Background
(linear)

CSS

width: 1920px;
height: 7000px;
background:
radial-gradient(ellipse at 50% 50%, rgba(27,73,202,0.24) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1317px 6330px / 600px 620px no-repeat no-repeat, /* 19 */
radial-gradient(ellipse at 50% 50%, rgba(111,126,167,0.08) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1580px 5302px / 300px 320px no-repeat no-repeat, /* 18 */
radial-gradient(ellipse at 50% 50%, rgba(9,15,57,0.6) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 309px 1934px / 377px 371px no-repeat no-repeat, /* 17 */
radial-gradient(ellipse at 50% 50%, rgba(21,14,235,0.37) 37.46%, rgba(133,124,255,0) 66.14%) 22px 1624px / 300px 288px no-repeat no-repeat, /* 16 */
radial-gradient(ellipse at 50% 50%, rgba(17,0,255,0.21) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 266px 5689px / 289px 290px no-repeat no-repeat, /* 15 */
radial-gradient(ellipse at 50% 50%, rgba(33,30,68,0.48) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1345px 1377px / 185px 185px no-repeat no-repeat, /* 14 */
radial-gradient(ellipse at 50% 50%, rgba(17,0,255,0.3) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 760px 1000px / 185px 180px no-repeat no-repeat, /* 13 */
radial-gradient(ellipse at 50% 50%, rgba(0,43,233,0.1) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1100px 800px / 800px 830px no-repeat no-repeat, /* 12 */
radial-gradient(ellipse at 50% 50%, rgba(19,32,71,1) 0%, 48.93%, rgba(133,124,255,0) 56.61%) -522px 5592px / 1200px 1200px no-repeat no-repeat, /* 11 */
radial-gradient(ellipse at 50% 50%, rgba(0,29,114,0.43) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1300px 920px / 1200px 1200px no-repeat no-repeat, /* 10 */
radial-gradient(ellipse at 50% 50%, rgba(0,15,56,1) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1428px -51px / 500px 500px no-repeat no-repeat, /* 9 */
radial-gradient(ellipse at 50% 50%, rgba(0,32,69,0.54) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1000px 6400px / 700px 730px no-repeat no-repeat, /* 8 */
radial-gradient(ellipse at 50% 50%, rgba(0,9,59,1) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 1300px 50px / 300px 340px no-repeat no-repeat, /* 7 */
radial-gradient(ellipse at 50% 50%, rgba(6,0,83,0.59) 0%, 48.93%, rgba(133,124,255,0) 56.61%) -109px 483px / 377px 371px no-repeat no-repeat, /* 6 */
radial-gradient(ellipse at 50% 50%, rgba(0,6,52,0.6) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 397px 427px / 377px 371px no-repeat no-repeat, /* 5 */
radial-gradient(ellipse at 50% 50%, rgba(21,14,235,0.37) 37.46%, rgba(133,124,255,0) 66.14%) 456px 373px / 185px 221px no-repeat no-repeat, /* 4 */
radial-gradient(ellipse at 50% 50%, rgba(4,0,222,0.19) 37.46%, rgba(133,124,255,0) 66.14%) 147px 100px / 213px 208px no-repeat no-repeat, /* 3 */
radial-gradient(ellipse at 50% 50%, rgba(17,0,255,0.25) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 130px -70px / 289px 290px no-repeat no-repeat, /* 2 */
radial-gradient(ellipse at 50% 50%, rgba(21,68,139,0.24) 0%, 48.93%, rgba(133,124,255,0) 56.61%) 169px 1500px / 289px 290px no-repeat no-repeat, /* 1 */
linear-gradient(0deg, rgba(1,15,53,1) 0%, 50%, rgba(2,6,36,1) 100%) 0px 0px / 1920px 7000px no-repeat no-repeat; /* Background */