About
Explore
Events & Classes
Support Us
Join
Sign In
Ibraheem
View Project Page
Run
Fullscreen
Emote challenge
HTML
CSS
JS
<!-- Your new project - here it is! Create something awesome with the JUSTCodaborate code editor! Created by Ibraheem, subject to copyright. --> <!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="author" content="Ibraheem"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>Emote Challenge</h1> <div> <div class="head"></div> <div class="eyes"></div> <div class="Eyes"></div> <div class="mouth"></div> <div class="vomit"></div> </div> <div class="div1"> <div class="head1"></div> <div class="eyes1"></div> <div class="Eyes1"></div> <div class="tears"></div> <div class="tears1"></div> </div1> </body> </html>
.head{ background-color:yellow; height:50px; width:50px; border-radius:50px; } .eyes{ background-color:black; height:5px; width:5px; border-radius:100px; position:absolute; left:19px; top:95px; } .Eyes{ background-color:black; height:5px; width:5px; border-radius:50px; position:absolute; left:40px; top:95px; } .mouth{ background-color:black; height:20px; width:20px; position:absolute; left:23px; top:105px; border-radius:100px; } .vomit{ background-color:#077524; height:25px; width:13px; position:absolute; left:26px; top:110px; } .head1{ background-color:yellow; height:50px; width:50px; border-radius:50px; position:absolute; left:89px; top: 80px; } .eyes1{ background-color:black; height:5px; width:5px; border-radius:100px; position:absolute; left:120px; top:95px; } .Eyes1{ background-color:black; height:5px; width:5px; border-radius:50px; position:absolute; left:100px; top:95px; } .tears{ background-color:blue; height:25px; width:13px; position:absolute; left:114px; top:110px; } .tears1{ background-color:blue; height:25px; width:13px; position:absolute; left:100px; top:110px; }