Reply To: Animation beginner

[Ljanmi]

http://stackoverflow.com/users/109374/erik-dahlstr%C3%B6m Erik Dahlström @stackoverflow.com did it.

”
Add svg { overflow: visible } and it should work the same in all browsers (longer explanation below). If you want to see why the lines get clipped, add borders to the svg element.
Another way is to make sure the size of the svg matches what you want, e.g by using css.
All browsers except IE implemented hidden as the initial value for the overflow property for the <svg> element, as called for by the SVG 1.1 spec. SVG 2 has changed this for (outermost) inline svg elements, such that it requires what IE11 is currently doing. It will take some time before that gets changed in all browsers, so for now just add the overflow: visible rule and it should work correctly in all browsers.
”
Link – http://stackoverflow.com/questions/28852665/svg-animation-lines-erratic-behaviour

Finally, I can get back to animating :) :) :) So happy!!!