CSS Battles
About
Github
Back
Battle: #26
<div class="top l"></div> <div class="top r"></div> <div class="bottom"></div> <style> div { position: absolute; } .l { top: 40px; left: 40px; } .r { top: 40px; right: 40px; } .top { width: 80px; height: 40px; border-radius: 80px 80px 0 0; border-top: 20px solid #060f55; border-left: 20px solid #060f55; border-right: 20px solid #060f55; } .bottom { width: 80px; height: 40px; border-radius: 0 0 80px 80px; border-bottom: 20px solid #060f55; border-left: 20px solid #060f55; border-right: 20px solid #060f55; bottom: 40px; left: 140px; } body { background: #6592cf; margin: 0; } </style>