Specification link: 19.2 Animation elements

animate-elem-25-t ← index → animate-elem-27-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

The test is passed if:

- the left blue circle smoothly animates its stroke-width from time t=1 second to time t=5 seconds, so that the blue color fully fills the left donut shape
- the right pink circle smoothly animates its stroke-width from time t=4 seconds to time t=7 seconds, so that the pink color fully fills the right donut shape
- both of the stroke-width animations originate from the thin black circle in the middle of each donut shape

## Test Description

Test animation options for specifying the target attribute/property.

On the left, a circle animates the stroke-width property without specifying a value for 'attributeType'. On the right, a circle animates the stroke-width property and does set 'attributeType' to 'CSS'.

For each circle, guides shows what the stroke-width looks like initially and what it looks like at the end of the animation.

animate-elem-25-t ← index → animate-elem-27-t