ul.loader{display:flex;justify-content:center}ul.loader li{width:20px;height:20px;margin:10px;list-style-type:none;transition:.5s}ul.loader li:nth-child(1){animation:1s .1s infinite alternate right-1;background-color:#fff;opacity:1}@keyframes right-1{0%{transform:translateY(-60px)}100%{transform:translateY(60px)}}ul.loader li:nth-child(2){animation:1s .2s infinite alternate right-2;background-color:#fff;opacity:.5}@keyframes right-2{0%{transform:translateY(-70px)}100%{transform:translateY(70px)}}ul.loader li:nth-child(3){animation:1s .3s infinite alternate right-3;background-color:#fff;opacity:.33333}@keyframes right-3{0%{transform:translateY(-80px)}100%{transform:translateY(80px)}}ul.loader li:nth-child(4){animation:1s .4s infinite alternate right-4;background-color:#fff;opacity:.25}@keyframes right-4{0%{transform:translateY(-90px)}100%{transform:translateY(90px)}}ul.loader li:nth-child(5){animation:1s .5s infinite alternate right-5;background-color:#fff;opacity:.2}@keyframes right-5{0%{transform:translateY(-100px)}100%{transform:translateY(100px)}}