.bounce{display:flex;justify-content:center;width:100px;height:100px;position:relative;text-align:center}.bounce:after{animation:bounce-shadow .5s cubic-bezier(.05,0,.2,1) infinite alternate;border-radius:100%;content:"";display:block;width:1.5rem;height:.5rem;background:#000;position:absolute;bottom:-5%}.icon{display:flex;transform:translateZ(0);margin-top:.5em;visibility:hidden;position:absolute;bottom:0;z-index:1}.icon:first-child img{animation:rotate-1 4s linear infinite}.icon:nth-child(2) img{animation:rotate-2 4s linear infinite}.icon:nth-child(3) img{animation:rotate-3 4s linear infinite}.icon:nth-child(4) img{animation:rotate-4 4s linear infinite}.icon:first-child{animation:bounce .5s cubic-bezier(.05,0,.2,1) infinite alternate,show-hide-1 4s step-start infinite}.icon:nth-child(2){animation:bounce .5s cubic-bezier(.05,0,.2,1) infinite alternate,show-hide-2 4s step-start infinite}.icon:nth-child(3){animation:bounce .5s cubic-bezier(.05,0,.2,1) infinite alternate,show-hide-3 4s step-start infinite}.icon:nth-child(4){animation:bounce .5s cubic-bezier(.05,0,.2,1) infinite alternate,show-hide-4 4s step-start infinite}@keyframes bounce{0%{transform:translateZ(0)}to{transform:translate3d(0,-5em,0)}}@keyframes bounce-shadow{0%{opacity:.3;transform:scale(1)}to{opacity:.1;transform:scale(.5)}}@keyframes show-hide-1{0%{visibility:hidden}25%{visibility:visible}}@keyframes rotate-1{0%{transform:rotate(0)}25%{transform:rotate(80deg)}}@keyframes show-hide-2{25%{visibility:hidden}50%{visibility:visible}}@keyframes rotate-2{25%{transform:rotate(0)}50%{transform:rotate(-80deg)}}@keyframes show-hide-3{50%{visibility:hidden}75%{visibility:visible}}@keyframes rotate-3{50%{transform:rotate(0)}75%{transform:rotate(80deg)}}@keyframes show-hide-4{75%{visibility:hidden}to{visibility:visible}}@keyframes rotate-4{75%{transform:rotate(0)}to{transform:rotate(-80deg)}}