.ball{width:120px;height:90px;margin:0 auto;position:relative}.ball:before{content:"";background:#2a9d8f;border-radius:50%;width:30px;height:30px;animation:.5s ease-in-out infinite alternate loading-bounce;position:absolute;bottom:30px;left:50px}.ball:after{content:"";border-radius:4px;width:45px;height:7px;animation:1s ease-in-out infinite loading-step;position:absolute;top:0;right:0;box-shadow:0 5px #f2f2f2,-35px 50px #f2f2f2,-70px 95px #f2f2f2}@keyframes loading-bounce{0%{transform:scaleY(.7)}40%{transform:scale(.8,1.2)}60%{transform:scale(1)}to{bottom:140px}}@keyframes loading-step{0%{box-shadow:0 10px #0000,0 10px #e1dede,-35px 50px #df8b8b,-70px 90px #f2f2f2}to{box-shadow:0 10px #f2f2f2,-35px 50px #f2f2f2,-70px 90px #f2f2f2,-70px 90px #0000}}