<div class="keyframes">W3TR</div>
.keyframes {
   width: 200px;
   height: 200px;
   background: red;
   position :relative;
   -webkit-animation: mymove 6s infinite; /* Chrome, Safari, Opera */ 
   animation: mymove 6s infinite;
   text-align: center;
   color: white;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes mymove {
    0%   {left: 0px;}
    25%  {left: 400px;}
    75%  {left: 50px}
    100% {left: 200px;}
}

/* Standard syntax */
@keyframes mymove {
    0%   {left: 0px;}
    25%  {left: 400px;}
    75%  {left: 50px}
    100% {left: 100px;}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.