animate-elem-22-b.svg

Run the test. No interaction required.

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 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.