CSS Battles
About
Github
Back
Battle: #94
<div class="mid"></div> <div class="grn"></div> <div class="back"></div> <style> body { background: #0e2e2c; margin: 0; } div { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; } .mid { z-index: 9; width: 40px; height: 40px; background: #f3ac3c; border-radius: 100%; border: 8px solid #0e2e2c; outline: 12px solid #f3ac3c; box-shadow: 0 0 0 22px #0e2e2c; } .grn { z-index: 8; width: 120px; height: 120px; background: #998235; border-radius: 100%; border: 12px solid #0e2e2c; outline: 8px solid #f3ac3c; box-shadow: 0 0 0 22px #0e2e2c; } .back { background: #f3ac3c; width: 200px; height: 200px; border-radius: 100%; } </style>