GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 800px;
height: 800px;
background:
radial-gradient(ellipse at 30% 30%, transparent 0%, rgb(0 0 0 / 0.2) 100%) 0 0 / 100px 100px, /* Shadow */
linear-gradient(rgb(65 79 75 / 0.5), rgb(65 79 75 / 0.5)) 0 700px / 800px 100px no-repeat, /* Beared */
linear-gradient(rgb(65 79 75 / 0.5), rgb(65 79 75 / 0.5)) 0 0 / 800px 200px no-repeat, /* Hair */
linear-gradient(rgb(100 108 106), rgb(100 108 106)) 300px 500px / 200px 100px no-repeat, /* Nose */
linear-gradient(rgb(0 0 0), rgb(0 0 0)) 100px 600px / 600px 100px no-repeat, /* Mouth */
linear-gradient(rgb(34 37 36), rgb(34 37 36)) 100px 400px / 200px 100px no-repeat, /* Left Eye */
linear-gradient(rgb(34 37 36), rgb(34 37 36)) 500px 400px / 200px 100px no-repeat, /* Right Eye */
linear-gradient(0deg, transparent 98%, rgb(0 0 0 / 0.11) 98%) 0 -1px / 100px 100px, /* Grid Horizontal */
linear-gradient(90deg, transparent 98%, rgb(0 0 0 / 0.1) 98%) 1px 0 / 100px 100px, /* Grid Vertical */
conic-gradient(rgb(215 222 220 / 0.2) 25%, rgb(185 201 197 / 0.2) 25%, rgb(185 201 197 / 0.2) 50%, rgb(158 173 169 / 0.2) 50%, rgb(158 173 169 / 0.2) 75%, rgb(211 227 223 / 0.2) 75%) 100px 100px / 400px 400px, /* Background */
conic-gradient(rgb(215 222 220) 25%, rgb(185 201 197) 25%, rgb(185 201 197) 50%, rgb(158 173 169) 50%, rgb(158 173 169) 75%, rgb(211 226 222) 75%) 0 0 / 200px 200px; /* Background */
} Comments (0)
Forked from
Colors
Views
2,445
Code size
1.78 KB
Layers
11
<iframe
src="https://gra.dient.art/embed/vdle0smjsb"
title="Minecraft Skeleton | GradientArt"
width="800"
height="800"
style="border: 0; max-width: 100%; aspect-ratio: 800 / 800; height: auto;"
loading="lazy"
></iframe>Layers (11)
Shadow
radial
Beared
solid
Hair
solid
Nose
solid
Mouth
solid
Left Eye
solid
Right Eye
solid
Grid Horizontal
linear
Grid Vertical
linear
Background
conic
Background
conic
GRADIENT
.ART
css