如何手动设置Textillate脚本?

时间:2018-04-03 10:22:19

标签: javascript css animation

我正在使用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;
}`

1 个答案:

答案 0 :(得分:1)

你可以用给定的方法来做。它们位于页面底部。 在你的情况下,它是$element.textillate('out')