CSS Battles
About
Github
Back
Battle: #116
<div class="top"></div> <div class="left"></div> <div class="right"></div> <style> .right { position: absolute; width: 60px; height: 80px; right: 115px; top: 165px; border-radius: 20px 0 30px 30px; } .left { position: absolute; width: 60px; height: 80px; left: 115px; top: 165px; border-radius: 0 20px 30px 30px; } .top { border-top: 20px solid #6e91ca; border-left: 20px solid #6e91ca; border-right: 20px solid #6e91ca; border-radius: 120px 120px 0px 0px; width: 130px; height: 100px; background: #293d7e; position: absolute; top: 45px; left: 115px; } div { background: #6e91ca; } body { background: #293d7e; margin: 0; } </style>