CSS Battles
About
Github
Back
Battle: #19
<div class="bottom"></div> <div class="left"></div> <div class="right"></div> <style> .left { position: absolute; width: 71px; height: 71px; transform: skew(0, -45deg); background: #998235; top: 80px; left: 129px; } .right { position: absolute; width: 71px; height: 71px; transform: skew(0, 45deg); background: #1a4341; left: 50%; top: 80px; } .bottom { position: absolute; width: 100px; height: 100px; background: #f3ac3c; transform: translateX(-50%) rotate(45deg); top: 135px; left: 50%; } body { margin: 0; background: #0b2429; } </style>