Textillate.js是一个神奇的 jQuery 插件,可用于创建 CSS3 实现的文字动画特效,使用 Textillate.js 你可以轻松创建你想要的动画文字效果,提供的效果有:闪现、反弹、震动、摇摆和翻转等。
$(function () { $('.text1').textillate();});
<h3 class="text1">文本动画效果果</h3>
$(function () { $('.text3').textillate({ initialDelay: 2000, in: { effect: 'bounceInDown' } });});
点击下面按钮即可查看文字动画效果
shakeflashswingbouncetadawobblepulse
flipflipInXflipOutXflipInYflipOutY
fadeInfadeInUpfadeInDownfadeInLeftfadeInRightfadeInUpBigfadeInDownBigfadeInLeftBigfadeInRightBig
fadeOutfadeOutUpfadeOutDownfadeOutLeftfadeOutRightfadeOutUpBigfadeOutDownBigfadeOutLeftBigfadeOutRightBig
slideInDownslideInLeftslideInRightslideOutUpslideOutLeftslideOutRight
bounceInbounceInDownbounceInUpbounceInLeftbounceInRight
bounceOutbounceOutDownbounceOutUpbounceOutLeftbounceOutRight
rotateInrotateInDownLeftrotateInDownRightrotateInUpLeftrotateInUpRight
rotateOutrotateOutDownLeftrotateOutDownRightrotateOutUpLeftrotateOutUpRight
lightSpeedInlightSpeedOuthingerollInrollOut