拆分襟翼文本动画 Jquery

Split Flap text animation Jquery

本文关键字：动画 Jquery 文本拆分更新时间：2023-09-26

你能给我推荐一个Jquery插件吗，它做与这个演示相同的文本动画：http://www.youtube.com/watch?v=1sn5FCSIfuE&feature=youtu.be

这是在Flash中制作的文本动画（在这里查看：http://ae.tutsplus.com/tutorials/motion-graphics/create-a-split-flap-type-display/），但我希望在纯Javascript，CSS和HTML中具有相同的效果。

感谢您的建议，狮子座

它可以通过一些 CSS3 3D 转换来实现。虽然它不适用于每个浏览器，但可以做到。

这是一个非 css3 版本（天赋较少，没有 3D）：http://net.tutsplus.com/tutorials/html-css-techniques/learn-how-to-create-a-retro-animated-flip-down-clock/

这里有一个（几个）CSS3演示：http://rupey.org/demo/css3-clock/，http://mathieujouhet.com/demos/flipping-clock/

我在Javascript中找到了这个解决方案：http://cnanney.com/journal/demo/apple-counter-revisited/

不是 3D - 而是相同的原理：

http://keith-wood.name/flightBoard.html

我不确定这是你要找的，但您可以随时查看以下内容：

Textillate.js - 用于CSS3文本动画的jQuery插件

Textillate.js允许您更轻松地使用闪光，反弹，摇晃等效果对文本进行动画处理。我已经尝试过了，它非常棒，并且建立在提供的JavaScript库之上。