.wrapper{display:table;margin:50px auto;position:relative}.box{background:#fff;border-radius:2px;float:left;height:20px;margin:0 2px 2px 0;opacity:1;transform:translate(0);width:20px}.clear{clear:left}.white{background:none!important}.box:not(.white){-webkit-animation:animation 4s;animation:animation 4s;animation-iteration-count:3;transition:all .3s ease}.box:not(.white):hover{background:#ff3d34;transform:scale(1.1)}@-webkit-keyframes animation{0%{opacity:0;transform:translateY(-300px)}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(300px)}}@keyframes animation{0%{opacity:0;transform:translateY(-300px)}30%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(300px)}}.delay-1{-webkit-animation-delay:.5s!important;animation-delay:.5s!important}.delay-2{-webkit-animation-delay:.6s!important;animation-delay:.6s!important}.delay-3{-webkit-animation-delay:.7s!important;animation-delay:.7s!important}.delay-4{-webkit-animation-delay:.8s!important;animation-delay:.8s!important}.delay-5{-webkit-animation-delay:.9s!important;animation-delay:.9s!important}.delay-6{-webkit-animation-delay:1s!important;animation-delay:1s!important}.delay-7{-webkit-animation-delay:1.1s!important;animation-delay:1.1s!important}.delay-8{-webkit-animation-delay:1.2s!important;animation-delay:1.2s!important}.delay-9{-webkit-animation-delay:1.3s!important;animation-delay:1.3s!important}.delay-10{-webkit-animation-delay:1.4s!important;animation-delay:1.4s!important}