Smiley 😃

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
6
Views
1949
Open in Editor

Layers

Right Eye
(radial)
Left Eye
(radial)
Teeth mask
(radial)
Teeth
(radial)
Mouth
(radial)
Circle
(radial)

CSS

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