<html><head><style> div{width:100px;height:100px;background:red;position:relative;animation:mymove 5s infinite;animation:mymove 5s infinite; /* Safari and Chrome */}@keyframes mymove{0% {top:0px;}25% {top:200px;}75% {top:50px}100% {top:100px;}}@-webkit-keyframes mymove /* Safari and Chrome */{0% {top:0px;}25% {top:200px;}75% {top:50px}100% {top:100px;}}</style></head><body><p><strong>Note:</strong> The @keyframes rule is not supported in Internet Explorer 9 and earlier versions.</p><div></div></body></html>