jquery - 我怎样才能将这个动画主题应用到我的网页背景中?

标签 jquery html css canvas

我正在尝试将下面链接的代码笔实现到我的 intro-section 中背景。我正在尝试获得 <p> 背后的点缀动画主题我的文字 intro-section背景。

JSFIDDLE - My attempt

JSFIDDLE link I'm trying to implement into my intro-section background

最佳答案

如果您查看控制台日志,您会注意到在您尝试运行以下代码块时在第 48 行引起的脚本错误:

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

这是因为您没有包含 Ocanvas 造成的library 在你的 fiddle 中,但你正在尝试创建一个 OCanvas 对象。

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

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

的填充

Updated demo

关于jquery - 我怎样才能将这个动画主题应用到我的网页背景中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44687298/

相关文章:

javascript - 如何用jquery获取最后一个元素的id值?

jquery - 监听本地存储更改事件

javascript - Bootstrap 4 模式不会关闭

html - 通过页面防止 ePub 导出中的孤行

html - 我怎样才能让这张图片不干扰标题的位置

javascript - 基于日期的脚本不起作用

Javascript jQuery 多个按钮和点击事件

html - Chrome 中的 CSS 列垂直对齐

css - 从响应页面中删除未使用的 css

javascript - 滑动范围为0和1001时如何显示和隐藏元素?