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(65 79 75 / 0.5), rgb(65 79 75 / 0.5)) 0px 700px / 800px 100px no-repeat no-repeat, /* Beared */
linear-gradient(rgb(65 79 75 / 0.5), rgb(65 79 75 / 0.5)) 0px 0px / 800px 200px no-repeat no-repeat, /* Hair */
linear-gradient(rgb(100 108 106 / 1), rgb(100 108 106 / 1)) 300px 500px / 200px 100px no-repeat no-repeat, /* Nose */
linear-gradient(rgb(0 0 0 / 1), rgb(0 0 0 / 1)) 100px 600px / 600px 100px no-repeat no-repeat, /* Mouth */
linear-gradient(rgb(34 37 36 / 1), rgb(34 37 36 / 1)) 100px 400px / 200px 100px no-repeat no-repeat, /* Left Eye */
linear-gradient(rgb(34 37 36 / 1), rgb(34 37 36 / 1)) 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(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 repeat repeat, /* Background */
conic-gradient(from 0deg at 50% 50%, rgb(215 222 220 / 1) 25%, rgb(185 201 197 / 1) 25%, rgb(185 201 197 / 1) 50%, rgb(158 173 169 / 1) 50%, rgb(158 173 169 / 1) 75%, rgb(211 226 222 / 1) 75%) 0px 0px / 200px 200px repeat repeat; /* Background */
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