如何在网页背景中实现这个动画主题？

Question

我正在尝试将下面链接的Codepen导入我的intro-section背景。 我正在尝试在intro-section背景的<p>文本后面找到虚线动画主题。

Answer 1

如果您查看控制台日志，您会注意到您有一个脚本错误，当您尝试运行以下代码块时，该错误在第48行引起：

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

这是因为您没有在提琴中包含Ocanvas库，而是试图创建OCanvas对象。

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

为了将画布放置在欢迎文本下方，您可以将其绝对放置。 我已将新的CSS类定义为.header-container来实现这一点，并调整了.intro-section的填充