Question

我正在尝试将下面链接的codepen实现到我的intro-section背景中。我正试图在<p>背景上的intro-section文字后面加上点缀的动画主题。

Answer 1

如果您查看控制台日志，当您尝试运行以下代码块时，您会注意到第48行导致脚本错误：

var canvas = oCanvas.create({
   canvas: '#canvas',
   background: '#2c3e50',
   fps: 60
});

这是因为您没有在您的小提琴中包含Ocanvas库，但您正在尝试创建一个OCanvas对象。

您可以从jsfiddle的“外部资源”部分引用外部资源，例如Ocanvas库

为了将画布放在欢迎文本下方，您可以绝对定位该部分。我已经将一个新的css类定义为.header-container来实现它并调整.intro-section的填充