Comments (0)
CSS
width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgb(0 0 0 / 0.5) 0%, rgb(69 255 144 / 0) 60.42%) 61px 443px / 383px 35px no-repeat no-repeat, /* Shadow */
radial-gradient(circle at 50% 100%, rgb(69 255 144 / 0) 41%, rgb(85 53 16 / 1) 43%, rgb(85 53 16 / 1) 58%, rgb(255 255 255 / 0) 59%) 257px 135px / 100px 40px no-repeat no-repeat, /* Right Eye */
radial-gradient(circle at 50% 100%, rgb(69 255 144 / 0) 41%, rgb(85 53 16 / 1) 43%, rgb(85 53 16 / 1) 58%, rgb(255 255 255 / 0) 59%) 141px 135px / 100px 40px no-repeat no-repeat, /* Left Eye */
linear-gradient(rgb(79 47 0 / 1), rgb(79 47 0 / 1)) 102px 217px / 296px 11px no-repeat no-repeat, /* Line */
linear-gradient(0deg, rgb(69 168 255 / 0) 6.94%, rgb(0 0 0 / 0.4) 100%) 246px 224px / 8px 184px no-repeat no-repeat, /* Line */
linear-gradient(0deg, rgb(69 168 255 / 0) 6.6%, rgb(0 0 0 / 0.4) 100%) 324px 222px / 8px 156px no-repeat no-repeat, /* Line */
linear-gradient(0deg, rgb(69 168 255 / 0) 4.51%, rgb(0 0 0 / 0.4) 100%) 171px 222px / 8px 156px no-repeat no-repeat, /* Line */
radial-gradient(circle at 50% 21%, rgb(255 255 255 / 1) 49%, rgb(79 47 0 / 1) 49.1%, rgb(79 47 0 / 1) 53%, rgb(69 255 144 / 0) 53.1%) 7px 217px / 487px 208px no-repeat no-repeat, /* Teeth */
radial-gradient(ellipse at 50% 50%, rgb(69 255 144 / 0) 53%, rgb(79 47 0 / 0.32) 53%, rgb(79 47 0 / 0.28) 56%, rgb(255 255 255 / 1) 56.1%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */
linear-gradient(90deg, rgb(249 255 69 / 1) 0%, rgb(255 176 69 / 1) 100%) 0px 0px / 500px 500px no-repeat no-repeat, /* Gradient */
linear-gradient(rgb(255 255 255 / 1), rgb(255 255 255 / 1)) 0px 0px / 100px 100px repeat repeat; /* Background */
Layers (11)
Shadow
radial
Right Eye
radial
Left Eye
radial
Line
solid
Line
linear
Line
linear
Line
linear
Teeth
radial
Mask
radial
Gradient
linear
Background
solid
GRADIENT
.ART
css