[Safari X and Y positioning bug]

hmm, hard to tell by just seeing that code. It looks fine. 

I'm sure that once you are able to produce a reduced test case that we can test and edit we will be able to diagnose the problem.

I suspect there is some CSS somewhere perhaps that is causing a problem, but impossible to tell.

 

Here are some tips for creating a demo:

http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

Please keep it as as simple as possible so that we can quickly isolate the issue. 

 

Thanks!

 

You can check my test webpage at http://luck.hounddev.com

There's a problem with ship in first scene, with balloon in in 5th and with the car in the last scene.

[Safari X and Y positioning bug]

Hi. I have trouble with Safari browser positioning of elements with TweenMax x and y.

In all browsers car at this position:

 

 

But in Safari car at the another position:

 

 

 

Code:

TweenMax.to("#car", 0.1, {x: 530, y: 262, scale: 0.6, transformOrigin: "50% 50%"});

How to fix it?

[Snap.svg dynamic load and TweenMax]

If you can make a demo, I might be able to help you out more.

 

Taking from this example...

http://plnkr.co/edit/IFdyoy7sZ9bBDIv8bpdW?p=preview

 

It might be easier to structure your code if you think of the init function in that demo as jQuery's ready method. So all your code doesn't have to be inside that function. Just what's needed to start your app.

I have a lot (more than 60) svg files to load. Rewritten all their loader.

[Snap.svg dynamic load and TweenMax]

You can't animate anything until the SVG has loaded. What are you trying to animate on your <g> elements? Can you fork one of those plunks I linked to with something similar to what you are trying to do?

 

I understood.. Need to wait until all SVGs will be loaded with when/then. Not the best option, but works.

[Snap.svg dynamic load and TweenMax]

Can I do this outside of SVG loading function?

[Snap.svg dynamic load and TweenMax]

So strange.. My code isn't working when I'm trying to animate <g> elements

[Snap.svg dynamic load and TweenMax]

I'm loading my SVG files into different elements on my website. I'm trying to animate it with TimelineMax and it's didn't animated. I think it's because SVGs loaded dynamically and TweenMax didn't see them. How to animate them with TweenMax?