title: How to animate the div from bottom to top without stop?
body: <p>I would like to have this div animated anytime with no stop, How can I animate it from bottom to top without stopping?</p>
  <pre><code>div {
    width: 10px;
    height: 100px;
    background: red;
    position: relative;
    animation: animateDiv 5s 2;
    animation-direction: alternate;
  }
  
  @keyframes animateDiv {
    0%   {bottom: 0px; top: 10px;}
    25%  {bottom: 200px; top:30px;}
  }
  </code></pre>