我正在使用Textillate.js为一个感官设置动画,但我不确定如何手动设置动画。单击按钮后,文本应以动画形式出现。它工作正常:

$( "#my_button" ).click(function() {
$('#my_text').textillate({loop: false, initialDelay: 200, in: {effect: 'bounceInLeft'}});
$('#my_text').addClass('show');
});


现在,我希望此文本通过使用动画消失。我这样尝试过:

$( "#my_2_button" ).click(function() {
$('#my_text').textillate({loop: false, out: {effect: 'bounceOutLeft'}});
});


而且不起作用。你有什么想法?

CSS:

`#my_text {
opacity: 0;
}

.show {
opacity: 1!important;
}`

最佳答案

您可以使用给定的方法进行操作。它们在页面的底部。
您的情况是$element.textillate('out')

关于javascript - 如何手动设置Textillate脚本?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49627668/

10-09 18:50