Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

animate-elem-02-t ← index → animate-elem-04-t

# animate-elem-03-t
SVG Image | PNG Image

Test inheritance of animated properties.

Three colored text strings appear. All three are inside of the same 'g' element. The 'g' element has its 'font-size' animated from 30 to 40, and its 'fill' from #00f (blue) to #070 (green).

The first colored 'text' element has the font-size set, so the animation of the parent 'g' only affects the fill color. The second has the fill set and font-size set, so no inherited values are used. The font-size and fill color stay constant. The third colored 'text' element has neither of these properties specified and thus inherits both animated values - the fill color changes and the text grows in size.

animate-elem-02-t ← index → animate-elem-04-t

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.