Comments (0)
CSS
px
%
width: 500px; height: 500px; background: radial-gradient(ellipse at 50% 50%, rgb(167 104 8 / 1) 41%, rgb(102 63 4 / 1) 50%, rgb(240 234 226 / 1) 52%, rgb(0 0 0 / 0) 53%) 276px 91px / 76px 176px no-repeat no-repeat, /* Right Eye */ radial-gradient(ellipse at 50% 50%, rgb(167 104 8 / 1) 41%, rgb(102 63 4 / 1) 50%, rgb(240 234 226 / 1) 52%, rgb(0 0 0 / 0) 53%) 153px 91px / 76px 176px no-repeat no-repeat, /* Left Eye */ radial-gradient(ellipse at 50% -33%, rgb(255 225 51 / 1) 62%, rgb(255 255 255 / 1) 62%, rgb(105 68 8 / 1) 66.1%, rgb(255 225 51 / 0) 69.86%) 64px 293px / 370px 34px no-repeat no-repeat, /* Teeth mask */ radial-gradient(ellipse at 50% 22%, rgb(255 255 255 / 1) 54%, rgb(74 45 0 / 1) 58.05%, rgb(255 225 51 / 0) 63.05%) 59px 294px / 383px 70px no-repeat no-repeat, /* Teeth */ radial-gradient(ellipse at 50% 0%, rgb(167 104 8 / 1) 41%, rgb(102 63 4 / 1) 51%, rgb(240 234 226 / 1) 52%, rgb(0 0 0 / 0) 53%) 13px 294px / 473px 200px no-repeat no-repeat, /* Mouth */ radial-gradient(ellipse at 50% 50%, rgb(255 226 49 / 1) 44%, rgb(221 134 11 / 1) 65.9%, rgb(99 59 3 / 1) 67%, rgb(0 0 0 / 0) 68%) 0px 0px / 500px 500px no-repeat no-repeat; /* Circle */

Colors

Views

3,324

Layers

6
Open in editor
Layers (6)
Right Eye
radial
Left Eye
radial
Teeth mask
radial
Teeth
radial
Mouth
radial
Circle
radial