HTML5 Typography - Learn HTML5 by Creating Fun Games - page 103

@keyframes myAnimation {
0% {
left: 0px;
top: 0px;
}
25% {
left: 0px;
top: 50%;
}
50% {
left: 50px;
top: 100%;
}
75% {
left: 50px;
top: 100%;
}
100% {
left: 0px;
top: 0px;
}
}
Needless to say, the same issues regarding vendor prefixes apply to the animations
interface.
-webkit-@keyframes myAnimation {
from {
background: #ffffff;
}
to {
background: #000000;