Hi guys,
Thank you for the great library and you continuous support.
I have an issue, I’m developing a website based on a story and I used GreenSock library specially TimelineMax to build this website, the problem now is, Im using frame by frame animation and Im toggling between 0 and 1 values of Opacity to achieve this animation, for example:
var is_force3D = false;
var forest_moving_sq_background_moving = new TimelineMax();
var forest_moving_corvus_walk = new TimelineMax({repeat:18});
forest_moving_corvus_walk.to('.walk2', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk1', 0, {opacity: 0, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk3', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk2', 0, {opacity: 0, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk4', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk3', 0, {opacity: 0, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk5', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk4', 0, {opacity: 0, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk6', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk5', 0, {opacity: 0, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk7', 0, {opacity: 1, delay:.09, force3D:is_force3D});
forest_moving_corvus_walk.to('.walk6', 0, {opacity: 0, force3D:is_force3D});
forest_moving_sq_background_moving.add(forest_moving_corvus_walk, "-=21.875", "sequence");
And It works as expected on all browsers except Safari, Sometimes all frames take Opacity 1 at the same time and this makes all the frames appears together and this not happening all the time.
You can see this video for the working case:
And this video for the bug:
I appreciate your support,
Regards,