CSS Battles
About
Github
Back
Battle: #76
<div class="wing"></div> <div class="wing wing-r"></div> <div class="body"> <div class="stripe"></div> <div class="stripe s2"></div> <div class="stripe s3"></div> <div class="eye"></div> </div> <style> body { margin: 0; background: #998235; } div { position: absolute; } .wing { bottom: 50%; width: 75px; height: 75px; background: #fff; border-radius: 80px 80px 0 80px; right: 50%; } .wing-r { right: 125px; border-radius: 80px 80px 80px 0; } .body { top: 50%; width: 150px; height: 75px; border-radius: 75px; background: #eff33c; left: 125px; overflow: hidden; } .stripe { height: 100px; width: 25px; background: #191919; } .s2 { left: 35px; } .s3 { left: 70px; } .eye { width: 15px; height: 15px; border-radius: 100%; background: #191919; right: 20px; bottom: 40px; } </style>