Smiley 😃

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

Views

Code size

Layers

Explore

Community

Social
