CSS Battles
About
Github
Back
Battle: #96
<div class="mid"></div> <div class="i l"></div> <div class="i r"></div> <div class="i t"></div> <div class="i b"></div> <style> body { background: #243d83; margin: 0; } div { position: absolute; } .mid { transform: translate(-50%, -50%); top: 50%; left: 50%; width: 200px; height: 200px; border-radius: 100%; background: #6592cf; } .i { width: 130px; height: 130px; border-radius: 100%; border: 20px solid #243d83; } .t { left: 115px; top: -10px; } .b { left: 115px; bottom: -10px; } .l { left: 40px; bottom: 65px; } .r { right: 40px; bottom: 65px; } </style>