<div class="linear">
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
<div class="ease">
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
<div class="ease-in">
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
<div class="ease-out">
    <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
<div class="ease-in-out">
    <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
<div class="bezier">
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
  <i></i>
</div>
body {
  background:#EEEEEE;
}
div {
  width:120px;
  height: 120px;
  background:#BFBFBF;
  display:inline-block;
  margin:2%;
  position:relative;
  transition:1.5s;
}
div:after {
  content: attr(class);
  color:#326363;
  padding:10% 5%;
  font-size:24px;
}
i {
  width:5px;
  height: 5px;
  border-radius:100%;
  background:#A65353;
  position:absolute;
  left:0;
  bottom:0;
  animation:move 3s infinite;
}
.linear i {
  animation-timing-function:linear;
}
.ease i {
  animation-timing-function:ease;
}
.ease-in i {
  animation-timing-function:ease-in;
}
.ease-out i {
  animation-timing-function:ease-out;
}
.ease-in-out i {
  animation-timing-function:ease-in-out;
}
.bizier i {
  animation-timing-function:cubic-bezier(1,.07,.05,1);
}
@keyframes move {
  0% {
    left:0;
    bottom:0;
  }
  100% {
    left:115px;
    bottom:115px;
  }
}
i:nth-child(2) {animation-delay:.1s;}
i:nth-child(3) {animation-delay:.2s;}
i:nth-child(4) {animation-delay:.3s;}
i:nth-child(5) {animation-delay:.4s;}
i:nth-child(6) {animation-delay:.5s;}
i:nth-child(7) {animation-delay:.6s;}
i:nth-child(8) {animation-delay:.7s;}
i:nth-child(9) {animation-delay:.8s;}
i:nth-child(10){animation-delay:.9s;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.