Comments (0)
CSS
width: 500px; height: 500px; background: linear-gradient(0deg, rgba(184,201,221,0) 56.85%, rgba(184,201,221,1) 57.62%, rgba(184,201,221,0) 58.64%) 105px 300px / 292px 210px no-repeat no-repeat, /* Prisma */ linear-gradient(120deg, rgba(184,201,221,0) 56.85%, rgba(184,201,221,1) 57.62%, rgba(184,201,221,0.08) 58.64%) 52px 142px / 199px 247px no-repeat no-repeat, /* Prisma */ linear-gradient(-120deg, rgba(184,201,221,0) 56.85%, rgba(184,201,221,1) 57.62%, rgba(184,201,221,0.08) 58.64%) 251px 142px / 199px 247px no-repeat no-repeat, /* Prisma */ linear-gradient(-16deg, rgba(184,201,221,0) 55%, rgba(184,201,221,1) 57.62%, rgba(184,201,221,0) 59%) -110px 259px / 289px 126px no-repeat no-repeat, /* Light */ repeating-conic-gradient(from 16deg at 0% 50%, rgba(255,131,69,0) 15%, rgba(120,42,222,1) 16.5%, rgba(38,31,218,1) 18%, rgba(69,168,255,1) 18.5%, rgba(69,255,144,1) 19%, rgba(227,255,69,1) 19.5%, rgba(255,131,69,1) 20%, rgba(255,69,69,1) 20.5%, rgba(255,69,69,0) 21.5%, rgba(255,69,69,0) 50%) 174px 167px / 152px 198px no-repeat no-repeat, /* Rays */ conic-gradient(from 180deg at 50% 50%, rgba(1,17,16,0) 14.21%, rgba(1,17,16,1) 27.66%, rgba(1,17,16,1) 50%, rgba(1,17,16,0) 50%) 248px 208px / 154px 176px no-repeat no-repeat, /* Mask */ repeating-conic-gradient(from 247deg at 0% 50%, rgba(255,131,69,0) 11.14%, rgba(120,42,222,1) 14.15%, rgba(38,31,218,1) 17.25%, rgba(69,168,255,1) 18.25%, rgba(69,255,144,1) 19.25%, rgba(227,255,69,1) 20%, rgba(255,131,69,1) 21.25%, rgba(255,69,69,1) 22.5%, rgba(255,69,69,0) 23.5%, rgba(255,69,69,0) 50%) 248px -12px / 275px 510px no-repeat no-repeat, /* Rays */ linear-gradient(rgba(1,17,16,1), rgba(1,17,16,1)) 0px 0px / 100px 100px repeat repeat; /* Background */

Prisma

Yoav Kadosh

Inspired by Pink Floyd's "Dark Side of the Moon" 🌙

Colors

Views

209

Forks

0

Layers

8
Open in editor
Layers (8)
Prisma
linear
Prisma
linear
Prisma
linear
Light
linear
Rays
conic
Mask
conic
Rays
conic
Background
solid