Specification link: 19.2 Animation elements

animate-elem-22-b ← index → animate-elem-24-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if:

- From time t=0 seconds to t=3 seconds the large rectangle is filled with black
- At t=3 seconds a blue circle appears inside the black rectangle
- Between time t=3 seconds and t=6 seconds the fill of the circle is animated between blue and bluegreen
- Between time t=6 seconds and t=9 seconds the fill of the circle is animated between bluegreen and green

## Test Description

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

This test uses the following elements : 'set', and 'animateColor'.

The test is a nine second animation with no repeats. It shows a circle changing color from 3s to 9s.

The file includes various guides that can be used to verify the correctness of the animation. Boxes on the left show the correct circle color values at times 3s, 6s and 9s.

animate-elem-22-b ← index → animate-elem-24-t