StackOverflow

HTML
<div class="stackoverflow"> <div class="lines"> <div class="line five"></div> <div class="line four"></div> <div class="line three"></div> <div class="line two"></div> <div class="line one"></div> </div> <div class="base"></div> </div>
CSS
.stackoverflow{ width: 300px; height: 300px; margin:0 auto; top:calc(50% - 150px); left:calc(50% - 150px); position:absolute; } .lines{ width: 100%; height: 200px; position: relative; top: 139px; } .line{ width: 106px; height: 21px; margin: 0 auto; position: relative; background-color: #f48023; } .two{ bottom: 17px; left: 3px; transform: scale(1) rotate(12deg); } .three{ bottom: 33px; left: 15px; transform: scale(1) rotate(25deg); } .four{ bottom: 45px; left: 37px; transform: scale(1) rotate(40deg); } .five{ bottom: 52px; left: 65px; transform: scale(1) rotate(53deg); } .base{ width: 147px; height: 65px; margin: 0 auto; position: relative; bottom:0; top:0; border-left: 21px solid #bcbbbc; border-right: 21px solid #bcbbbc; border-bottom: 21px solid #bcbbbc; }
JAVASCRIPT
Expand for more options Login