animate-elem-77-t ← index → animate-elem-80-t

SVG Image | PNG Image

#### Operator script (click here to toggle)

Run the test. No interaction required.

#### Pass Criteria

The document is animated such that it alternates between two states, an alternation occurring every second. In each row there are three sub-tests, which must behave identically except for any differences noted below. Each sub-test consists of a colored shape that in one state appears in the left column and in the second state appears in the right column. The test is passed if the following conditions are met:

- For the fill-rule, stroke-width, stroke-linecap, stroke-linejoin, stroke-miterlimit and stroke-dashoffset rows, the red shape must take the exact shape and position of the two gray silhouettes when animating between the two states.
- For the fill row, the colored square must take the exact shape and position of the two gray silhouettes when animating between the two states. When in the left column, it must be red, and when in the right column, it must be orange.
- For the color row, the colored square must take the exact shape and position of the two gray silhouettes when animating between the two states. When in the left column, it must be red, and when in the right column, it must be orange.
- For the stroke row, the shape must be invisible when in the left column, and must be a red-stroked, empty-filled square matching the size and position of the gray silhouette when in the right column.
- For the display and visibility rows, the shape must be a red square matching the size and position of the gray silhouette when in the left column, and must be invisible when in the right column.

animate-elem-77-t ← index → animate-elem-80-t