CSS Battles
About
Github
Back
Battle: #34
<div class="b"></div> <div class="t"></div> <div class="m"></div> <style> .b { z-index: -1; bottom: 50px; border-bottom: 100px solid #00a79d; border-left: 125px solid transparent; border-right: 125px solid transparent; } .m { z-index: 0; bottom: 100px; border-bottom: 100px solid #f5c181; border-left: 125px solid transparent; border-right: 125px solid transparent; } .t { z-index: 1; bottom: 150px; border-bottom: 100px solid #ffeecf; border-left: 125px solid transparent; border-right: 125px solid transparent; } div { transform: translateX(-50%); left: 50%; position: absolute; width: 0; height: 0; } body { margin: 0; background: #007065; } </style>