CSS Battles
About
Github
Back
Battle: #40
<div class="center"></div> <div class="left"></div> <style> body { background: #6592cf; margin: 0; } div { position: absolute; } .center { width: 100px; height: 100px; border-radius: 100%; transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; border: 50px solid #243d83; border-left: 50px solid transparent; } .left { top: 50px; left: 100px; width: 50px; height: 100px; background: #243d83; } </style>