我最近发现了一个带有一些JavaScript的codepen，它创建了一个很酷的节点效果：http://codepen.io/thetwistedtaste/pen/GgrWLp
以及这个＆＃39;故障＆＃39;使用@keyframes动画对文本的影响： http://codepen.io/anon/pen/YyjLJZ
我想在我的练习网站上实现这两个，但我发现很难用动画将文本放在画布的顶部。
这就是我现在所拥有的：
http://codepen.io/anon/pen/EVeVvE
我想要实现的是＆＃39; TEXT＆＃39;使用毛刺动画以及背景中的移动节点位于中心。
这可能吗？
我尝试在包装类中添加z-index，但我不认为我正确使用它。
这就是它的样子：
margin: 0 auto;
text-align: center;
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
我是否需要在动画的每一帧中添加z-index？有人能帮我解决这个问题吗？
不使用z-index，动画效果很好，但文字出现在页面底部，这是我不想要的。
答案 0 :(得分：0)
这适用于最新版本的Safari和Chrome，但clip属性已弃用，可能无法在某些浏览器中使用。应该使用clip-path，它需要供应商前缀。有关演示，请参阅this CodePen。