Search code examples
jquerycsssvgcss-animationssvg-animate

My SVG Animation is getting cut off

I'm new to SVG animation, and I'm having an issue with an SVG circle getting cut off during it's animation. Would anybody know the cause of this?

Code Pen

TweenMax.to(".ease-out", 6, {x:600, ease:Back.easeOut});
Solution

  • You need to specify the width within the SVG tag to be 100%.

    <SVG width="100%"></SVG>