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

2,355

Layers

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