CSS Battles
About
Github
Back
Battle: #46
<div class="circle"> <div class="mtn1"></div> <div class="mtn2"></div> </div> <style> body { background: #293462; margin: 0; } div { position: absolute; } .circle { transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; width: 200px; height: 200px; border-radius: 100%; background: #fff1c1; overflow: hidden; } .mtn1 { width: 50%; height: 159px; bottom: 0; right: 0; background: #fe5f55; } .mtn2 { width: 60px; height: 30px; bottom: 0; left: 70px; background: #fe5f55; } </style>