首页 > 代码库 > textillate.js 文字动画

textillate.js 文字动画

2024-08-14 22:22:50   215人阅读

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目标选择器.texts
loop是否循环false
minDisplayTime最小间隔时间2000
initialDelay初始化间隔时间0
in{       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自动开始true
callback回调函数 function () {}-

textillate.js 文字动画


联系
我们