Textillate.js is a powerful text plug-in, if combined with ANIMATE.CSS, fittext, lettering with the use, so that the text effect is perfect.
Online example
Example Demo
How to use
- <div id="Texts">Welcome to shouce</div>
Copy
- $(function() {
- $(' #texts ').fittext (3.2, < Span class= "pun" >{maxfontsize: 18< Span class= "pun"). textillate ({initialdelay: 1000, in< Span class= "pun" >: {delay: 3, shuffle : true&NBSP;
- })
CopyDetailed parameters
Parameters |
Describe |
Default value |
Selector |
Target Selector |
. texts |
Loop |
Whether to loop |
False |
Mindisplaytime |
Minimum time interval |
2000 |
InitialDelay |
Initialization interval Time |
0 |
Inch |
{effect: ' Fadeinleftbig ', delayscale:1.5, delay:50, Sync:false, Reverse:false, SH Uffle:false, Callback:function () {}} |
- |
Out |
{effect: ' hinge ', delayscale:1.5, delay:50, Sync:false, Reverse:false, shuffle:f Alse, Callback:function () {}} |
- |
AutoStart |
Auto Start |
True |
Callback |
Callback functions function () {} |
-
|
Textillate.js Text Animation