Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

animate-elem-26-t ← index → animate-elem-28-t

# animate-elem-27-t
SVG Image | PNG Image
animate-elem-27-t Test animation options for specifying the target element. Test animation options for specifying the target element. 0 to 3 sec. at 6 sec. 0 to 6 sec. at 9 sec. $Revision: 1.7 $ |

Test animation options for specifying the target element.

The leftmost rectangle verifies the use of the 'xlink:href' attribute to indicate the target element to be animated. The rightmost rectangle verifies animating the parent of the 'animate' element (in this case, a 'rect' element) (i.e., the implicit parent of the 'animate' element).

At time 0, two rectangles filled with red and stroked with blue appear, each with width=100 and height=200. Starting at time 3 seconds and ending at time 6 seconds, the height of the leftmost rectangle decreases from 200 to 50. Starting at time 6 seconds and ending at time 9 seconds, the rightmost rectangle decreases from 200 to 50. Annotations on the picture show the correct positions at particular times.

animate-elem-26-t ← index → animate-elem-28-t