CSS Battles
About
Github
Back
Battle: #55
<div class="bl"></div> <div class="br"></div> <div class="yl"></div> <div class="yr"></div> <style> body { margin: 0; background: #191919; } div { position: absolute; } .yl { bottom: 50%; right: 50%; width: 100px; height: 50px; background: #f9e492; border-radius: 100px 100px 0 0; } .yr { width: 100px; height: 50px; background: #f9e492; left: 50%; top: 50%; border-radius: 0 0 100px 100px; } .br { bottom: 50%; left: 50%; width: 50px; height: 100px; background: #4f77ff; border-radius: 0 100px 100px 0; } .bl { top: 50%; right: 50%; width: 50px; height: 100px; background: #4f77ff; border-radius: 100px 0 0 100px; } </style>