CSS Battles
About
Github
Back
Battle: #36
<div class="up a"></div> <div class="up b"></div> <div class="up c"></div> <div class="down d"></div> <div class="down e"></div> <style> div { position: absolute; } .up { bottom: 0; width: 50px; height: 200px; border-radius: 50px 50px 0 0; background: #f3ac3c; } .down { top: 0; width: 50px; height: 200px; border-radius: 0 0 50px 50px; background: #998235; } .a { left: 25px; } .b { right: 25px; } .c { left: 175px; } .d { left: 100px; } .e { right: 100px; } body { margin: 0; background: #1a4341; } </style>