CodePen (I don't think this site supports IE8, so this may not be useful): http://codepen.io/anon/pen/kxhfD
Problem
Opacity isn't animated when there is an x-translation in Internet Explorer 8.
Code
// no opacity animation in IE8, works in modern browsers
var element = document.getElementById('box');
var animation = {
x: -50,
opacity: 0
};
TweenMax.from(element, 1, animation);
a
Extra note
If you replace the x with marginLeft, the opacity correctly animates.
> Thank you so much for all the hard work, guys. It's really, really appreciated. <