CSS Battles
About
Github
Back
Battle: #88
<div class="left-white"></div> <div class="left-pink"></div> <div class="right-white"></div> <div class="right-pink"></div> <style> body { margin: 0; background: #f7f3da; } div { position: absolute; } .left-white { background: #f7f3da; bottom: 0; width: 200px; height: 150px; border-radius: 0 20px 0 0; box-shadow: 0 -20px 0 0 #d25b70; } .left-pink { background: #d25b70; bottom: 50%; width: 50%; height: 40px; border-radius: 0 10px 0 0; } .right-white { background: #f7f3da; right: 0; width: 200px; height: 150px; border-radius: 0 0 0 20px; box-shadow: 0 20px 0 0 #d25b70; } .right-pink { background: #d25b70; right: 0; top: 50%; width: 50%; height: 40px; border-radius: 0 0 0 10px; } </style>