Untitled

<!doctype html>

   <html>
   <head>
   <title>

  Experiment: animation with movements

 </title>

footer{

      width: 100px;
      height: 100px;
      background: red;
      animation: mymove 5s;
      animation-play-state: running;

@-moz-keyframes mymove {

          from {left:50px;}
          to {left:200px;}
   }

   @keyframes mymove {

          from {left:50px;}
          to {left:200px;}
   }