Smiley 😃

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
4
Views
807
Open in Editor

Layers

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

CSS

width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgba(0,0,0,1) 0%, 49%, rgba(0,0,0,0) 50%) 276px 91px / 76px 149px no-repeat no-repeat, /* Right Eye */
radial-gradient(ellipse at 50% 50%, rgba(0,0,0,1) 0%, 49%, rgba(0,0,0,0) 50%) 152px 91px / 76px 149px no-repeat no-repeat, /* Left Eye */
radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0) 46%, rgba(0,0,0,1) 47%, 57.5%, rgba(0,0,0,0) 58%) 80px 307px / 342px 142px no-repeat no-repeat, /* Mouth */
radial-gradient(ellipse at 50% 50%, rgba(255,234,0,1) 65.9%, 66%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 70%) 0px 0px / 500px 500px no-repeat no-repeat; /* Circle */