<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Grinning Emoji</title>
<style>
#root {
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 */
}
</style>
</head>
<body>
<div id="root"></div>
</body>
</html> Comments (0)
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