animate-elem-27-t.svg

Run the test. No interaction required.

The test is passed if:

• the left blue rectangle animates its height from 160 to 40, starting at time 3 seconds and ending at 6 seconds, as indicated by the green ruler lines.
• the right blue rectangle animates its height from 160 to 40, starting at time 6 seconds and ending at 9 seconds, as indicated by the green ruler lines.

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 blue and stroked with light blue appear, each with width=100 and height=160. Starting at time 3 seconds and ending at time 6 seconds, the height of the leftmost rectangle decreases from 160 to 40. Starting at time 6 seconds and ending at time 9 seconds, the rightmost rectangle decreases from 160 to 40. Annotations on the picture show the correct positions at particular times.