O'Reilly logo

Sams Teach Yourself SVG in 24 Hours by Micah Laaker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

repeatDur is used to allow repetition ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required