I’m experimenting with CSS and I made a sun face. I’d like to know how to make it smile. via /r/learnprogramming


I’m experimenting with CSS and I made a sun face. I’d like to know how to make it smile.

http://ift.tt/2uaYMbX

.sun {

background: yellow;

width: 150px;

height: 150px;

border-radius: 50%;

box-shadow: 0px 0px 70px 20px;

color: orange;

margin-left: auto;

margin-right: auto;

width: 10ems; }

.eye{

position: absolute;

background: black;

width: 25px;

height: 25px;

border-radius: 50%;

margin-left: 667px;

margin-top: 40px;

width: 10ems;

z-index: 1 }

.eye2 {

position: absolute;

background: black;

width: 25px;

height: 25px;

border-radius: 50%;

margin-left: 730px;

margin-top: 40px; }

.mouth { <!———-this is probably the most important bit–>

position: absolute;

background: black;

width: 100px;

height: 5px;

margin-left: 664px;

margin-top: -45px; }

.nose1 {

position: absolute;

font-size: 35px;

margin-top: -93px;

margin-left: 712px; }

.nose2 {

position: absolute;

font-size: 35px;

margin-top: -95px;

margin-left: 705px; }

.face {

margin-top: -20px;

padding-bottom: 70px; }

Submitted July 11, 2017 at 03:15PM by DirtyGhettoOmelette
via reddit http://ift.tt/2tKDq2P

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s