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(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 700px 200px / 100px 100px no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0 200px / 100px 100px no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0 0 / 800px 200px no-repeat, /* Hair */
linear-gradient(rgb(153 75 61), rgb(153 75 61)) 300px 500px / 200px 100px no-repeat, /* Nose */
linear-gradient(rgb(180 60 51), rgb(180 60 51)) 200px 600px / 400px 100px no-repeat, /* Mouth */
linear-gradient(90deg, rgb(255 255 255) 50%, rgb(35 62 123) 50%) 100px 400px / 200px 100px no-repeat, /* Left Eye */
linear-gradient(-90deg, rgb(255 255 255) 50%, rgb(35 62 123) 50%) 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(252 124 101 / 0.3) 25%, rgb(214 130 116 / 0.3) 25%, rgb(214 130 116 / 0.3) 50%, rgb(245 168 154 / 0.32) 50%, rgb(245 168 154 / 0.3) 75%, rgb(227 86 61 / 0.3) 75%) 100px 100px / 400px 400px, /* Background */
conic-gradient(rgb(252 124 101) 25%, rgb(245 107 83) 25%, rgb(245 107 83) 50%, rgb(232 128 109) 50%, rgb(232 128 109) 75%, rgb(237 106 83) 75%) 0 0 / 200px 200px; /* Background */
} Comments (0)
Forked from
Colors
Views
4,525
Code size
1.93 KB
Layers
12
<iframe
src="https://gra.dient.art/embed/2iq3lnl08w"
title="Minecraft Steve | GradientArt"
width="800"
height="800"
style="border: 0; max-width: 100%; aspect-ratio: 800 / 800; height: auto;"
loading="lazy"
></iframe>Layers (12)
Shadow
radial
Hair
solid
Hair
solid
Hair
solid
Nose
solid
Mouth
solid
Left Eye
linear
Right Eye
linear
Grid Horizontal
linear
Grid Vertical
linear
Background
conic
Background
conic
GRADIENT
.ART
css