The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Animation beginner Reply To: Animation beginner

Participant Erik Dahlström 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 –

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