About
Explore
Events & Classes
Support Us
Join
Sign In
Illyaas
View Project Page
Run
Fullscreen
Emojis
HTML
CSS
JS
<!DOCTYPE HTML> Â <html> Â <head> Â <title>Page Title</title> Â <meta charset="utf-8"> Â <meta name="author" content="Illyaas"> Â <meta name="viewport" content="width=device-width, initial-scale=1.0"> Â </head> <body> Â <h1>Project</h1> <div class = "head1"> </div> <div class = "rightEye1"></div> <div class = "leftEye1"> </div> <div class = "mouth1"></div> <div class = "vomit"></div> Â <div class = "head2"></div> <div class = "rightEye2"></div> <div class = "leftEye2"></div> <div class = "mouth2"></div> <div class = "cryRight"></div> <div class = "cryLeft"></div> </body> </html>
.head1{ border: 20px #ffed00 solid; width:0px; height:0px; border-radius: 50%; position:absolute; left: 150px; top: 100; } Â Â .rightEye1{ border: 3px black solid; width:0px; height:0px; border-radius:50%; position:absolute; left: 157px; top: 117px; } Â .leftEye1{ border: 3px black solid; width:0px; height:0px; border-radius:50%; position:absolute; left: 177px; top: 117px; } .mouth1{ border: 8px black solid; width:0px; height:0px; border-radius:50%; position:absolute; left: 162.55px; top: 125px; } .vomit{ border: 7px #869967 solid; width:0px; height:14px; border-radius:15%; position:absolute; left: 163.6px; top: 130px; } Â .head2{ border: 20px #ffed00 solid; width:0px; height:0px; border-radius: 50%; position:absolute; left: 250px; top: 100; } .rightEye2{ border: 3px black solid; width:0px; height:0px; border-radius:50%; position:absolute; left: 257px; top: 117px; } .leftEye2{ border: 3px black solid; width:0px; height:0px; border-radius:50%; position:absolute; left: 277px; top: 117px; } .cryRight{ border: 7px #1fafdb solid; width:0px; height:17px; border-radius:15%; position:absolute; left: 273.6px; top: 122px; } .cryLeft{ border: 7px #1fafdb solid; width:0px; height:17px; border-radius:15%; position:absolute; left: 253.6px; top: 122px; }