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, /* New Background */
linear-gradient(rgb(46 79 20 / 0.5), rgb(46 79 20 / 0.5)) 0 0 / 800px 200px no-repeat, /* Hair */
linear-gradient(rgb(47 79 20), rgb(47 79 20)) 300px 500px / 200px 100px no-repeat, /* Nose */
linear-gradient(rgb(7 50 0), rgb(7 50 0)) 500px 400px / 200px 100px no-repeat, /* Right Eye */
linear-gradient(rgb(7 50 0), rgb(7 50 0)) 100px 400px / 200px 100px no-repeat, /* Left 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(255 255 255 / 0.5) 25%, rgb(83 184 83 / 0.5) 25%, rgb(83 184 83 / 0.5) 50%, rgb(35 112 33 / 0.5) 50%, rgb(35 112 33 / 0.5) 75%, rgb(0 167 67 / 0.5) 75%) 100px 100px / 400px 400px, /* Background */
conic-gradient(rgb(22 201 52) 25%, rgb(15 163 20) 25%, rgb(15 163 20) 50%, rgb(27 128 28) 50%, rgb(27 128 28) 75%, rgb(26 95 35) 75%) 0 0 / 200px 200px; /* Background */
} Comments (0)
Forked from
Colors
Views
3,511
Code size
1.53 KB
Layers
9
<iframe
src="https://gra.dient.art/embed/zaagjqho5b"
title="Minecraft Zombie | GradientArt"
width="800"
height="800"
style="border: 0; max-width: 100%; aspect-ratio: 800 / 800; height: auto;"
loading="lazy"
></iframe>Layers (9)
New Background
radial
Hair
solid
Nose
solid
Right Eye
solid
Left Eye
solid
Grid Horizontal
linear
Grid Vertical
linear
Background
conic
Background
conic
GRADIENT
.ART
css