CSS Battles
About
Github
Back
Battle: #4
<div class="a"></div> <div class="b"></div> <div class="c"></div> <style> .c { position: absolute; top: 150px; left: 50px; width: 100px; height: 100px; background: #f7ec7d; border-radius: 0 0 50% 50%; } .b { position: absolute; top: 150px; left: 250px; width: 100px; height: 100px; background: #f7ec7d; border-radius: 0 0 50% 50%; } .a { position: absolute; top: 50px; left: 150px; width: 100px; height: 100px; background: #f7ec7d; border-radius: 50% 50% 0 0; } body { margin: 0; background: #62306d; } </style>