我正在使用textillate.js为文本添加动画。我的 html 页面看起来像这样
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Textillate</title>
<link rel="stylesheet" href="animate.min.css">
<script src="jquery-3.5.1.min.js"></script>
<script src="jquery.lettering.js"></script>
<script src="jquery.textillate.js"></script>
</head>
<body>
<div class="tlt">
Hello world
</div>
<script>
$('.tlt').textillate({ in: { effect: 'bounceInDown' } });
</script>
</body>
</html>
其中包含的脚本和 css 取自以下链接：
https://raw.githubusercontent.com/jschr/textillate/master/jquery.textillate.js
https://raw.githubusercontent.com/davatron5000/Lettering.js/master/jquery.lettering.js
https://raw.githubusercontent.com/animate-css/animate.css/master/animate.min.css
问题是，无论我effect在in对象中设置什么，结果总是默认的 textillate 动画：字符从左到右一个接一个地出现，我可以控制出现字母的顺序（例如设置shuffle: true等。 )，但不是动画类型。
这几乎是 textillate 在他的 github 页面上提供的示例代码，所以我不知道问题出在哪里。
翻翻过去那场雪
相关分类