<style> div { width: 200px; height: 200px; background: green; relative; -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */ animation: mymove 5s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {left: 0px;top:0px;} to {left: 500px;top:500px;} } @keyframes mymove { from {left: 0px;top:0px;} to {left: 200px;top:500px;} } </style>

Note: The animation property is not supported in Internet Explorer 9 and earlier versions.