textillate.js 文字动画

textillate.js是一款强大的文字插件,若配合animate.css、fittext、lettering一起使用,这样做出来的文字特效很完美。

在线实例

实例演示

使用方法

  1. <div id="texts">Welcome To shouce</div>

复制

  1. $(function() { 
  2.     $('#texts').fitText(3.2, {maxFontSize: 18}).textillate({initialDelay: 1000, in: {delay: 3, shuffle: true}}); 
  3. })

复制

参数详解

参数描述默认值
selector目标选择器.textsloop是否循环falseminDisplayTime最小间隔时间2000initialDelay初始化间隔时间0in{       effect: 'fadeInLeftBig',       delayScale: 1.5,       delay: 50,       sync: false,       reverse: false,       shuffle: false,       callback: function () {}     }-out{       effect: 'hinge',       delayScale: 1.5,       delay: 50,       sync: false,       reverse: false,       shuffle: false,       callback: function () {}     }-autoStart自动开始truecallback回调函数 function () {}-

下载

相关推荐