Hi. I made my own modal box with JS. The animation uses TimelineMax. It looks fine on other browsers, like IE8, but has a slight litttle jump to the lower right at the end of the ease animation.
Here's the code:
tlModalTransIn = new TimelineMax();
tlModalTransIn.paused(true);
tlModalTransIn.set([modalBox, modalRect], {alpha:0, autoAlpha:1})
tlModalTransIn.set([modalCloseButton], {alpha:1, autoAlpha:1})
.fromTo(modalBox, .3, {alpha:0}, {alpha:1}, "start")
.fromTo(modalRect, 1, {scale:".6"}, {scale:"1", alpha:1, ease:Elastic.easeOut, easeParams:[1.8, 0.8]})
.fromTo(modalProduct, .5, {alpha:0}, {alpha:1})
.fromTo(modalTitle, .5, {alpha:0}, {alpha:1}, "-=.3");
I'm scratching my head on this one...