CSS KeyFrames
@keyframes mymove {
from {top: 0px;}
to {top: 200px;}
}
Spotless Skylark
@keyframes mymove {
from {top: 0px;}
to {top: 200px;}
}@keyframes mymove {
0% {top: 0px;}
50% {top: 50px;}
75% {top: 40px;}
100%{top: 0px;}
}/* @keyframes duration | easing-function | delay |
iteration-count | direction | fill-mode | play-state | name */
animation: 3s ease-in 1s 2 reverse both paused slidein;