GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 500px;
height: 500px;
background:
linear-gradient(0deg, transparent 56.85%, rgb(184 201 221) 57.62%, transparent 58.64%) 105px 300px / 292px 210px no-repeat, /* Prisma */
linear-gradient(120deg, transparent 56.85%, rgb(184 201 221) 57.62%, rgb(184 201 221 / 0.08) 58.64%) 52px 142px / 199px 247px no-repeat, /* Prisma */
linear-gradient(-120deg, transparent 56.85%, rgb(184 201 221) 57.62%, rgb(184 201 221 / 0.08) 58.64%) 251px 142px / 199px 247px no-repeat, /* Prisma */
linear-gradient(-16deg, transparent 55%, rgb(184 201 221) 57.62%, transparent 59%) -110px 259px / 289px 126px no-repeat, /* Light */
repeating-conic-gradient(from 16deg at 0 50%, transparent 15%, rgb(120 42 222) 16.5%, rgb(38 31 218) 18%, rgb(69 168 255) 18.5%, rgb(69 255 144) 19%, rgb(227 255 69) 19.5%, rgb(255 131 69) 20%, rgb(255 69 69) 20.5%, transparent 21.5%, transparent 50%) 174px 167px / 152px 198px no-repeat, /* Rays */
conic-gradient(from 180deg, transparent 14.21%, rgb(1 17 16) 27.66%, rgb(1 17 16) 50%, transparent 50%) 248px 208px / 154px 176px no-repeat, /* Mask */
repeating-conic-gradient(from 247deg at 0 50%, transparent 11.14%, rgb(120 42 222) 14.15%, rgb(38 31 218) 17.25%, rgb(69 168 255) 18.25%, rgb(69 255 144) 19.25%, rgb(227 255 69) 20%, rgb(255 131 69) 21.25%, rgb(255 69 69) 22.5%, transparent 23.5%, transparent 50%) 248px -12px / 275px 510px no-repeat, /* Rays */
linear-gradient(rgb(1 17 16), rgb(1 17 16)) 0 0 / 100px 100px; /* Background */
} Comments (0)
Colors
Views
4,549
Code size
1.84 KB
Layers
8
<iframe
src="https://gra.dient.art/embed/2yqb14l59w"
title="Prisma | GradientArt"
width="500"
height="500"
style="border: 0; max-width: 100%; aspect-ratio: 500 / 500; height: auto;"
loading="lazy"
></iframe>Layers (8)
Prisma
linear
Prisma
linear
Prisma
linear
Light
linear
Rays
conic
Mask
conic
Rays
conic
Background
solid
GRADIENT
.ART
css