CSS GAMES
CSSBATTLE #19
exciting battle to create a 3d cube in CSS.
The CSSbattle.dev #19 CUBE.
<p a> <p b> <p c>
body{ background:#0B2429;justify-content:center; display:flex; margin:0;}
[a] {position:relative; top: 90px; width: 140px; height: 148px; background: #F3AC3C; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);}
[b]{position: absolute;top: 25px; left:130px; width: 70px;
height: 140px; background: #998235; clip-path: polygon(100% 0%, 100% 50%, 0% 100%, 0% 50%);}
[c]{position: absolute; top: 25px; right:130px; width: 70px; height: 140px; background: #1A4341; clip-path: polygon(0% 0%, 100% 50%, 100% 100%, 0% 50%); }