.bouncer{width:100px;height:100px;display:flex;align-items:flex-end;justify-content:space-around}.bouncer div{width:20px;height:20px;background-color:blue;border-radius:50%;animation:bouncer .5s cubic-bezier(.19,.57,.3,.98) infinite alternate}@keyframes bouncer{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.bouncer div:first-of-type{opacity:.6}.bouncer div:nth-of-type(2){opacity:.5;animation-delay:.1s}.bouncer div:nth-of-type(3){opacity:.4;animation-delay:.2s}.bouncer div:nth-of-type(4){opacity:.2;animation-delay:.3s}.spinner{width:50px;height:50px;position:relative}.spinner div{width:100%;height:100%;border:5px solid transparent;border-top-color:blue;border-radius:50%;position:absolute;animation:spinnerOne 1.2s linear infinite}@keyframes spinnerOne{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);border-width:1px}to{transform:rotate(1turn)}}.spinner div:nth-of-type(2){border:5px solid transparent;border-bottom-color:blue;animation:spinnerTwo 1.2s linear infinite}@keyframes spinnerTwo{0%{transform:rotate(0deg);border-width:1px}50%{transform:rotate(180deg);border-width:5px}to{transform:rotate(1turn);border-width:1px}}