在JavaScript动画画布上覆盖动画div

我最近发现了一个带有JavaScript的代码笔，它创建了一个酷炫的节点效果：

以及使用@keyframes动画对文本产生的“小故障”效果：

我想在我的练习网站上实现这两个功能，但我发现很难用动画将文本放在画布上

以下是我目前的情况：

我想要实现的是“文本”与小故障动画以及背景中的移动节点一起位于中心

这可能吗

我曾尝试向wrap类添加z索引，但我认为我没有正确使用它

下面是它的样子：

  margin: 0 auto;
  text-align: center;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

是否需要为动画的每一帧添加z索引？有谁能帮我解决这个问题吗

---

如果不使用z索引，动画可以正常工作，但文本会显示在页面底部，这是我不希望看到的地方。

这在最新版本的Safari和Chrome中有效，但是

clip

属性已被弃用，在某些浏览器中可能无法使用。应改为使用，并且需要供应商前缀。请参阅演示。

很难理解您的要求。看起来文本在中心，有小故障动画，背景中的移动节点已经存在。@jBot-42“text”的小故障动画在我这边不起作用？这很奇怪，我刚刚请我的一群朋友在他们完全更新的浏览器上试用，但这对他们也不起作用。正如在主要问题中提到的，在没有z指数的情况下，小故障效应可以很好地工作