Full version, Basic version, Tiny version

Specification link: 19.2 Animation elements

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

# animate-elem-10-t
SVG Image | PNG Image
animate-elem-10-t Test possible values for 'calcMode' at 0 sec. at 3 sec. at 6 sec. 9+ sec. at 0 sec. at 3 sec. at 6 sec. 9+ sec. $Revision: 1.8 $ |

Test possible values for 'calcMode="linear"'

Two animations have been defined. For each animation, ruler lines and text are provided to help show what the correct behavior is. The black text and ruler lines help show the sizes and movement of the rectangles over time.

The linear animations change constantly with each keyframe to keyframe section, with the result that the change is faster when there is a larger change within a given amount of time.

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