.animate VIA CSS3

If your user agent supports the latest CSS3 animation method, you should see a 20 pixel squrare moving directly below this paragraph text beginning at left, moving right, down, left and then up back to the beginning position. It changes direction on each cycle and should also change colors as it moves. The square cycles 4 times, 2 in each direction.


The animation-direction property is NOT supported in Internet Explorer 9 and earlier versions. Safari and Chrome browsers require special code using the -webkit pre-CSS3 method NOT coded within this document.