GRADIENT
.ART
css
Sign In
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Prisma</title>
<style>
#root {
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, /* 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, /* 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, /* 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, /* 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, /* 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, /* 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, /* Rays */
linear-gradient(rgb(1 17 16 / 1), rgb(1 17 16 / 1)) 0px 0px / 100px 100px repeat; /* Background */
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html> Comments (0)
GRADIENT
.ART
css