.dots{height:20px;display:flex;width:100%;justify-content:center;align-items:flex-end}.dots .dot{border-radius:50%;background-color:#fff;border-color:#fff;width:10px;height:10px;animation-duration:.5s;animation-name:changetransform;animation-iteration-count:infinite;animation-direction:alternate;margin-left:4px}.dots .dot:nth-child(2){animation-delay:.1s}.dots .dot:nth-child(3){animation-delay:.2s}@keyframes changetransform{0%{transform:translateY(0)}to{transform:translateY(-10px)}}