我正在使用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;
}`
答案 0 :(得分:1)
你可以用给定的方法来做。它们位于页面底部。
在你的情况下,它是$element.textillate('out')