Search the Community
Showing results for tags 'ie11 ie subpixel bug'.
Hi, I just came across an issue that is not directly related to GSAP but I have a feeling it could affect a lot of people using it. I was getting some "shaking" unwanted effect in IE11 when scaling up an image (either img or div with background-image). After some playing with it I realised the scaling itself is actually fine. IE11 is capable of using subpixel animation for scale transformation, but it cannot (or it appears to) subpixel animate position of an element. I went the usuall way of adding force3D attribute to my tween with no effect. When inspected, the element appears to be tweening decimal values, but the result on the screen doesn't seem that way. I created this pen - http://codepen.io/omnider/pen/EjsJy where you can play with various ways of tweening this. You'll be able to see that the animation isn't smooth in IE11. This doesn't seem as terrible as when you use background image on div with background-size:cover, which can be seen here - http://codepen.io/omnider/pen/waAyg (madness) If anyone could confirm this strange behaviour that would be awesome. Even better if someone could suggest a fix Cheers