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

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

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.