CSS Battles
About
Github
Back
Battle: #49
<div class="door"></div> <div class="window"></div> <div class="roof"></div> <div class="home"></div> <style> body { background: #6592cf; margin: 0; } div { position: absolute; } .door { z-index: 100; bottom: 50px; left: 175px; width: 50px; height: 50px; background: #eeb850; border-radius: 10px 10px 0 0; } .window { z-index: 100; height: 10px; width: 100px; top: 145px; left: 150px; background: #eeb850; border-radius: 5px; } .home { bottom: 50px; left: 125px; width: 150px; height: 100px; background: #243d83; border-radius: 0 0 10px 10px; } .roof { bottom: 150px; left: 100px; width: 0; height: 0; border-bottom: 100px solid #243d83; border-left: 100px solid transparent; border-right: 100px solid transparent; } </style>