MyStyles.css

span.whead{

 width: 100px;
 height: 50px;
 background-color: red;
 font-weight: bold;
 position: relative;
 animation: mymove 5s;
 animation-fill-mode: forwards;

}

.whead {animation-timing-function: linear;}

1. div2 {animation-timing-function: ease;}
2. div3 {animation-timing-function: ease-in;}
3. div4 {animation-timing-function: ease-out;}
4. div5 {animation-timing-function: ease-in-out;}

@keyframes mymove {

 from {left: 0px;}
 to {left: 300px;}

}