css anime template

animation: 5s linear      2s infinite normal    forward myanime-type;
animation: 9s ease-out    0s 1        normal    forward myanime-type;
animation: 5s ease-in-out 2s infinite alternate    both myanime-type;
/*  aliternate: animation direction ,   both: animation fill type*/

@keyframes myanime-type { 0% { left: 20pt; } 100% { left: 100pt; }  }
@keyframes myanime-type { 
    0% { left:  20pt; }
   50% { left:  20pt; }
  100% { left: 100pt; }  
}