我正在尝试使用此动画
http://codepen.io/dbj/full/epXEyd
var tl = new TimelineLite;
tl.staggerFromTo(".bottom", 0.8, {alpha: 0}, {alpha: 1, fill: "#d6d6d6", delay: 1}, 0.25)
tl.fromTo("#rectangle", 5, {fill:"#d6d6d6", alpha: "0%", height: "7%"}, {fill: "#c8db2d", alpha: "100%", height: "65%", ease: Power3.easeInOut}, "-=1")
tl.staggerFromTo(".ray", 1, {alpha: 0}, {alpha: 1, fill: "#cee325"}, 0.02, "-=1.25")
在一个网站中，但似乎与Firefox浏览器不完全兼容（在chrome上，它可以完美运行），有什么办法可以使它适用于所有浏览器？
我试图更改对动画库的javascript调用，使用from代替fromToetc，一切在chrome中都可以正常工作，但在Firefox中却不能。（或者，如果有人知道我可以使用其他类似的动画，那也不错：D）。非常感谢！
如果我不得不猜测，我会说这是您正在使用的动画库的问题。
在动画中，它试图对<rect>元素的高度进行动画处理以赋予该上升的填充效果。请注意以下代码中的高度7％-> 66％过渡。
.fromTo("#rectangle", 7, {fill:"#000", alpha: "0%", height: "7%"}, {fill: "#f5e317", alpha: "100%", height: "66%", ease: Power3.easeInOut}, "-=1")
动画运行时，矩形的高度实际上并没有改变。因此，我怀疑动画库在动画过程中设置高度的方式可能是错误或不兼容。
缩减演示：http : //codepen.io/anon/pen/Vjadwm
如果您在这里没有找到答案，我会考虑向Greensock寻求帮助，或与他们一起发布错误报告。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句