Comments (0)
CSS
width: 800px;
height: 800px;
background:
radial-gradient(ellipse at 30% 30%, rgb(69 255 143 / 0) 0%, rgb(0 0 0 / 0.2) 100%) 0px 0px / 100px 100px repeat repeat, /* Shadow */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 700px 200px / 100px 100px no-repeat no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0px 200px / 100px 100px no-repeat no-repeat, /* Hair */
linear-gradient(rgb(83 46 5 / 0.89), rgb(83 46 5 / 0.89)) 0px 0px / 800px 200px no-repeat no-repeat, /* Hair */
linear-gradient(rgb(153 75 61 / 1), rgb(153 75 61 / 1)) 300px 500px / 200px 100px no-repeat no-repeat, /* Nose */
linear-gradient(rgb(180 60 51 / 1), rgb(180 60 51 / 1)) 200px 600px / 400px 100px no-repeat no-repeat, /* Mouth */
linear-gradient(90deg, rgb(255 255 255 / 1) 50%, rgb(35 62 123 / 1) 50%) 100px 400px / 200px 100px no-repeat no-repeat, /* Left Eye */
linear-gradient(-90deg, rgb(255 255 255 / 1) 50%, rgb(35 62 123 / 1) 50%) 500px 400px / 200px 100px no-repeat no-repeat, /* Right Eye */
linear-gradient(0deg, rgb(69 255 144 / 0) 98%, rgb(0 0 0 / 0.11) 98%) 0px -1px / 100px 100px repeat repeat, /* Grid Horizontal */
linear-gradient(90deg, rgb(69 255 144 / 0) 98%, rgb(0 0 0 / 0.1) 98%) 1px 0px / 100px 100px repeat repeat, /* Grid Vertical */
conic-gradient(from 0deg at 50% 50%, 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 repeat repeat, /* Background */
conic-gradient(from 0deg at 50% 50%, rgb(252 124 101 / 1) 25%, rgb(245 107 83 / 1) 25%, rgb(245 107 83 / 1) 50%, rgb(232 128 109 / 1) 50%, rgb(232 128 109 / 1) 75%, rgb(237 106 83 / 1) 75%) 0px 0px / 200px 200px repeat repeat; /* Background */
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