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	目標選取器	.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 文字動畫