CSS

IE11、Edgeで要素のscale値を変更するとガタつく場合

More than 1 year has passed since last update.

IE11、Edgeで要素のscale値を変更するとガタつく場合、
変形させる要素にrotate(0.001deg)を追加するとガタつきがなくなった。

 
下記のように変形させる要素に下記を記述する。

transform: rotate(0.001deg);

TweenMaxで変形させる場合は、下記のように記述するとガタつきがなくなった。

TweenMax.fromTo(element, 0.5, {
    scale: 1.3,
    rotation: 0.001
}, {
    scale: 1
});