Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

animate-elem-07-t ← index → animate-elem-09-t

# animate-elem-08-t
SVG Image | PNG Image
animate-elem-08-t Test rotate='auto' and rotate='auto-reverse' Test rotate='auto' and rotate='auto-reverse' 0 sec. 6+ sec. rotate='auto' 0 sec. 6+ sec. rotate='auto-reverse' $Revision: 1.8 $ |

Test rotate='auto' and rotate='auto-reverse'.

Two animations have been defined that move a triangle along a path. The first animation specifies rotate='auto', which causes the object to be rotated along the curve of the path. The second animation specifies rotate='auto-reverse', which causes the object to be flipped and then rotated along the curve of the path.

animate-elem-07-t ← index → animate-elem-09-t