我想用动画显示文本掩蔽效果。
这是我想要达到的目标:
我无法将红色文本定位在黑色文本的“中间”,因此效果应该是这样的: *但对齐中心*
另外,如何重复动画,这是根据JS,它只是动画一次,我想重复的JS一旦效果完成。
代码:
<div id="mainbox">
<span id="black">Waiting for the task!</span>
<span id="red">Waiting for the task!</span>
</div>
CSS
我制作了一个组合,并且我想通过添加流行的自动输入效果,将我的名字更改为各种其他字符串,如auto堆栈、前端、..etc,在我的名字上应用动画。
我找到了创建动画类型效果的轻量级库,但我不知道如何将脚本正确地实现到我的jsx文件中。我在下面试过了,但是我根本无法渲染动画。
到目前为止,这是我的尝试:
我创建了src/autotyping.js ing.js文件:
var AutoTyping = function (e) { var t = {}; function r(n) { if (t[n])
//...
const exampleText = ['Fullstack
所以我制作了这个动画网站,每次我在我的按钮上应用“回顶”代码时,它总是在整个页面上滚动,直到它到达顶部。
我希望它能立即把它们带到顶端,而不需要任何花哨的向上滚动效果,这就是我要得到的。
我尝试过多个脚本,它们都是出于某种原因获得动画的(即使我搜索的脚本代码应该不是动画的)。
这是我正在使用的当前脚本:(我尝试了多次,但它们都产生了相同的动画滚动效果)
<!-- Back to top -->
<script>
var btn = $('#BackTop');
$(window).scroll(function()