CSS Battles
About
Github
Back
Battle: #110
<div></div> <div class="a"></div> <div class="b"></div> <div class="c"></div> <div class="d"></div> <div class="e"></div> <div class="f"></div> <style> .a { transform: rotate(90deg); } .b { transform: rotate(180deg); } .c { transform: rotate(60deg); } .d { transform: rotate(30deg); } .e { transform: rotate(120deg); } .f { transform: rotate(150deg); } div { transform-origin: 120%; position: absolute; top: 195px; left: 80px; width: 100px; height: 10px; background: #f2e09f; border-radius: 10px; } body { background: #d25b70; margin: 0; } </style>