CSS&；GSAP缩放图形问题

在Firefox28上，文本在动画结束时会有轻微的抖动。在Chrome 34中，文本变得模糊。看起来它已转换为位图并放大。它在动画结束时保持模糊。我很震惊，在IE11上它工作得很好

---

不确定是我做错了什么，还是浏览器的bug/问题。如果可能，尝试获得平滑、锐利、无打嗝的旋转/缩放。

尝试将

透视图添加到要设置动画的元素的父div中

您现在应该不会在Chrome中看到模糊文本：

JS:

var wrapper = document.getElementById("wrapper");
var sampleText = document.getElementById("sampleText");
// add perspective to its parent
// perspective applies to the children its added to
TweenMax.set(wrapper,{perspective:1000});
var bubAnim = TweenMax.to(sampleText, 3, {scale: 2.5, rotation:30});

bubAnim.play();

 <div id="wrapper">
    <p id="sampleText">About Me</p>
 </div>

HTML:

var wrapper = document.getElementById("wrapper");
var sampleText = document.getElementById("sampleText");
// add perspective to its parent
// perspective applies to the children its added to
TweenMax.set(wrapper,{perspective:1000});
var bubAnim = TweenMax.to(sampleText, 3, {scale: 2.5, rotation:30});

bubAnim.play();

 <div id="wrapper">
    <p id="sampleText">About Me</p>
 </div>


关于我


资源：

希望这有帮助！：）
 这不是一个greensock问题，而是一个关于webkit的浏览器错误

试试这个：

 TweenMax.set(element, {force3D:false});