如何使用JavaScript创建此效果？

Question

5

前几天，我偶然访问了这个网站：-

有人可以告诉我如何创建这种酷炫的效果吗？我知道如何使用JQuery的localScroll水平或垂直滚动页面。但是，如果你看过网页，请仔细观察线条如何优美地运行在背景上。如果有人能告诉我那个效果如何创建，我将非常感激:)

- TCM

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Macmade · Accepted Answer

它不是真正的动画，而是基于透明度的小技巧。
想象以下HTML:

<div class="div1">
    <div class="div2">
    </div>
</div>

div1采用固定位置的条纹背景图案，因此当你滚动页面时，它会随之移动。
div2采用半透明背景图案，并非固定位置。

所以当你滚动页面时，条纹图案将在某些地方出现，因为另外的背景图案是透明的，会呈现出一种动画效果。