Share Posted May 28, 2017 Hi, This is my first experiment with GSAP and I want to make sure that I am getting my process right. I would like to to animate a simple scene with svg elements created in illustrator and pasted right into the html as per the code pen example. I'm just looking for simple motion tweens and some easing. In my example the svg graphic disappears after a few frames of the motion tween. It looks like it goes outside of a containing element of it's own dimensions or something. My process is probably flawed..but I'm not sure where. Would someone steer me in the right direction? -best Kevin See the Pen KmLXWp by kvnmcwebn (@kvnmcwebn) on CodePen Link to comment Share on other sites More sharing options...
Author Share Posted May 28, 2017 oh ok, there is an svg box around the polygon element. I see, I better do some more tutorials... Link to comment Share on other sites More sharing options...
Share Posted May 29, 2017 Try this article from Sara Soueidan to learn more about the SVG viewBox and coordinate system. https://sarasoueidan.com/blog/svg-coordinate-systems/ Happy tweening. 3 Link to comment Share on other sites More sharing options...
Author Share Posted May 29, 2017 Thanks that is way more detailed than what I had been referencing. 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now