CSS Battles
About
Github
Back
Battle: #68
<div class="bell"></div> <div class="clapper"></div> <div class="top"></div> <style> body { background: #191919; margin: 0; } div { position: absolute; transform: translate(-50%, -50%); } .bell { width: 120px; height: 120px; background: #e08027; top: 50%; left: 50%; border-radius: 60px 60px 10px 10px; } .top { z-index: -2; width: 50px; height: 50px; border-radius: 100%; background: #f2ad43; left: 50%; top: 91px; } .clapper { z-index: -1; left: 50%; top: 210px; width: 50px; height: 50px; border-radius: 100%; background: #824b20; } </style>