Javascript 扩展文本淡入

Question

我正在寻找某种淡入淡出效果，使用 Javascript、Jquery 或仅使用 CSS，在这种情况下，我的文本将开始非常小，然后慢慢放大，直到达到最终字体大小(在一段时间内我指定的)。我尝试每隔十分之一秒手动更改字体大小，但我确信有比这更简单的方法。

有什么建议吗？

Answer 1

我强烈推荐 GreenSock JS作为处理任何 HTML DOM 元素动画的非常简单的方法。

JavaScript 标记或文件中的一行非常简单但有效的动画代码示例如下:

TweenLite.from("#myTextElement", 1, {scaleX: 0.1, scaleY: 0.1, alpha: 0});

上面的示例将在一秒钟内将 #myTextElement(可以是 ID 为“myTextElement”的任何元素)从 10% 的比例缩放到现有比例 CSS 值，并从 alpha 为 0 开始制作动画% 到现有的不透明度 CSS 值。

相反，使用 TweenLite.to 会产生相反的效果。