CSS Battles
About
Github
Back
Battle: #8
<div class="f a"></div> <div class="f b"></div> <div class="f c"></div> <div class="f d"></div> <div class="e"></div> <div class="f g"></div> <div class="h a1"></div> <div class="h a2"></div> <div class="h a3"></div> <style> .a1 { left: 150px; } .a2 { left: 190px; } .a3 { left: 230px; } .h { background: #6592cf; position: absolute; width: 20px; height: 160px; border-radius: 0 0 10px 10px; } .e { position: absolute; left: 130px; top: 150px; width: 140px; height: 100px; border-radius: 0 0 75px 75px; } .a { left: 130px; top: 50px; } .b { left: 170px; top: 50px; } .c { left: 210px; top: 50px; } .d { left: 250px; top: 50px; } .g { top: 200px; left: 190px; } .f { position: absolute; width: 20px; height: 110px; border-radius: 10px 10px 0 0; } div { background: #060f55; } body { margin: 0; background: #6592cf; } </style>