CSS Battles
About
Github
Back
Battle: #24
<div class="yellow"></div> <div class="yellow y2"></div> <div class="left"></div> <div class="right"></div> <style> .left { background: #aa445f; bottom: 50%; width: 100px; height: 100px; left: 80px; border-radius: 50% 50% 0 0; } .right { background: #e38f66; top: 50%; background: #e38f66; width: 100px; height: 100px; right: 80px; border-radius: 0 0 50% 50%; } .yellow { z-index: 10; width: 100px; height: 100px; border-radius: 100%; background: #f7ec7d; top: 100px; left: 80px; } .y2 { left: 220px; } div { position: absolute; } body { margin: 0; background: #62306d; } </style>