Specification link: 19.2 Animation elements

animate-elem-36-t ← index → animate-elem-38-t

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# animate-elem-37-t.svg
SVG Image | PNG Image

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test passes if:

- each of the seven shapes rotates clockwise, then anti-clockwise, then clockwise again,
- and the circle is scaled down, then up, then down again

over the course of three seconds.

The static reference image shows the final state of the animation.

## Test Description

This test validates the animation of the transform attribute shape elements.

The test applies an <animateTransform> on various element types: <g>, <use>, <image>, <switch>, <a> and <text>. In all cases the animation should run for 3s, starting at the document's load time. The <circle> has a scale animation, and all the rest of the elements should rotate together about their centers.

animate-elem-36-t ← index → animate-elem-38-t