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