CSS Battles
About
Github
Back
Battle: #67
<div class="reel"> <div class="frame"></div> <div class="frame"></div> <div class="frame"></div> </div> <div class="reel a"> <div class="frame"></div> <div class="frame"></div> <div class="frame"></div> </div> <div class="reel b"> <div class="frame"></div> <div class="frame"></div> <div class="frame"></div> </div> <div class="reel c"> <div class="frame"></div> <div class="frame"></div> <div class="frame"></div> </div> <style> body { margin: 0; background: #5dbcf9; } .reel { position: absolute; width: 160px; height: 100%; } .frame { position: relative; width: 140px; height: 110px; background: #191919; left: -95px; top: -30px; margin-bottom: 40px; } .a { left: 150px; top: -50px; } .b { left: 300px; } .c { left: 450px; top: -50px; } </style>