CSS Battles
About
Github
Back
Battle: #48
<div class="container"> <div class="middle"></div> </div> <style> body { background: #293462; margin: 0; } .container { position: absolute; top: 90px; left: 100px; width: 200px; height: 100px; overflow: hidden; border-radius: 20px; box-shadow: 0 20px #a64942; } .middle { position: absolute; width: 140px; height: 40px; background: #a64942; border-radius: 100px; transform: translate(-50%, -50%); top: 50%; left: 50%; border: 50px solid #fe5f55; } </style>