MyStyles.css

1. whead{

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

}

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

@keyframes mymove {

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

}