Specification link: 19.2 Animation elements

animate-elem-21-t ← index → animate-elem-23-t

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

# animate-elem-22-b.svg
SVG Image | PNG Image

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if:

- At the start of the animation the innermost rectangle is filled by a yellow semitransparent color
- Over the course of three seconds the yellow rect smoothly animates its width and height so that at time t=3s fully fills the middle rectangle
- The animation then continues in the same fashion and at time t=9s fully fills the largest rectangle with blue stroke

## Test Description

Test which verifies that the basic facilities of declarative animation are working.

This test uses the following element : 'animate'

The test is a nine second animation with no repeats. It shows a rectangle growing from small (37.5% width, 33.3% height) to big (100% width, 100% height)

The file includes various guides that can be used to verify the correctness of the animation. Outlines exist for the rectangle size and location at times 0s, 3s and 9s.

animate-elem-21-t ← index → animate-elem-23-t