• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Repeated Action

The animations we’ve produced so far occur exactly once; we set fill to freeze to keep the final stage of the animation. If we want to have the object return to its pre-animation state, we omit the attribute. (This is equivalent to setting fill to the default value of remove.)

Two other attributes allow you to repeat an animation. The first of them, repeatCount, is set to an integer value telling how many times you want a particular animation to repeat. The second, repeatDur, is set to a time telling how long the repetition should last. If you want an animation to repeat until the user leaves the page, set either repeatCount or repeatDur to the value indefinite. The animation in Example 11-6 shows two circles. The upper circle moves from left to right in two repetitions of five seconds each. The second circle moves from right to left for a total of eight seconds.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint