CSS Battles
About
Github
Back
Battle: #90
<div class="top"></div> <div class="middle"></div> <div class="bottom"></div> <style> div { position: absolute; transform: translate(-50%, -50%); left: 50%; } body { margin: 0; background: #f3ac3c; } .top { width: 400px; height: 400px; border-radius: 100%; background: #998235; top: -50px; } .middle { top: 50%; width: 200px; height: 200px; background: #1a4341; border-radius: 100%; border: 25px solid #f3ac3c; } .bottom { width: 400px; height: 400px; border-radius: 100%; background: #998235; top: 350px; } </style>