Example for the animate-attributes min and max
The height of an rectangle can be enlarged with a click on the
start button and this can be stopped with the stop button. It starts 1s after
the click on the start button.
The duration is 40s, min is 20s, max is 30s with the related size
of the rectangle marked in gray.
This means:
1. The animation can be started or restarted always with a click
on the start button because this is not prevented in the document.
The animation is not repeated itself.
2. If the animation is started and not restarted earlier as it ends
somewhere between the min and the max value.
3. If the stop button is clicked after the animation reached the
max value or never, the animation has already stopped at the max
value and nothing more happens.
4. If the stop button is clicked between min and max the animation
stops immediately.
5. If the stop button is clicked before the animation reaches the min
value, the animation continues and is stopped at the min value.
start
stop
0s (start
click +1s)
20s (min)
30s (max)
40s (dur)