textillate: Certain "In" animations dont fade in when used as the initial effect.
Certain “In” animations seem to not “fade in” correctly when used as the first effect:
flash,bounce,shake,tada,swing,wobble, pulse are some examples.
The effect still works, but only after the full text kindof “slams” in all at once. If however I use an effect like “fadeInBigLeft” first, all subsequent effects work properly. The easiest way I’ve found to show this behavior is to edit the example playground (index.html) and change the line:
$form.find('[data-key="effect"][data-type="in"]').val('fadeInLeftBig');
to $form.find(‘[data-key=“effect”][data-type=“in”]’).val(‘flash’);
I think this only changes the initial “In” Effect.
Basically I’m seeing the same issue in a HTML i’m doing where i just want to use the “flash” effect on some text but want it to fade in nicely from left to right
If i’m doing something wrong please let me know. Otherwise I’d even settle for a workaround.
Thanks.
About this issue
- Original URL
- State: closed
- Created 9 years ago
- Comments: 18 (9 by maintainers)
I think I get what quizjax was trying to do. The text needs to be revealed one by one during the data in effect. It does not display like in the playground for some effects such as pulse It happens naturally though when using the html attribute (data-in-effect:‘pulse’) just not with a JS config in { effect: ‘pulse’ }
I got around it by utilizing the two methods, Like so http://jsfiddle.net/tvsrezzm/