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

Hour 15. Animation > Repeating Animations

Repeating Animations

You will often find yourself developing animations that need to loop repeatedly. SVG offers two attributes for the elements that control animation repetition: repeatDur and repeatCount. Each accepts one numerical value to designate the number of repetitions.

The repeatDur attribute tells the animation element to continue looping the animation for a set period of time. For instance, if your skew example is set to animate for 5 seconds and is given a repeatDur value of 11 seconds, the 5-second skewing will be repeated twice and reset to its original position 1 second into the third repeat.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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