前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给自己的网站加上Canvas-Nest背景

给自己的网站加上Canvas-Nest背景

作者头像
ZC.TigerRoot
发布2020-04-30 11:05:49
8841
发布2020-04-30 11:05:49
举报
文章被收录于专栏:ZC.TigerRootZC.TigerRoot
image-20200402145604775
image-20200402145604775

很多人问我网站背后的这个蜘蛛网背景咋做的,在这里,我想先说一下

这东西叫Canvas-Nest!Canvas-Nest!Canvas-Nest!

好了,强调发泄结束,让我们切入正题

0x000001

在网上查找到Canvas-Nestjs源码,或者是白嫖用我的。

此处内容需要评论回复后(审核通过)方可阅读。

0x000002

在你主题的footer.php</body>之前加上代码

代码语言:javascript
复制
<script type="text/javascript" src="你js文件的地址"></script>

PHP

0x000003

接下来就是欣赏结果的时候啦!

用了CDN的同学记得刷新一下缓存,不然可能出一些奇怪的bug

0x00004

代码语言:javascript
复制

z: get_attribute(script, "zIndex", -1), //z-index
 
o: get_attribute(script, "opacity", 1), //opacity
 
c: get_attribute(script, "color", "135,206,250"), //color
 
n: get_attribute(script, "count", 150) //count

PHP

在这一段代码里面,是大家可以自行修改的,opacity是点的大小,color是色号(RGB格式),count是点的数量,z-index是层数。

不会改的同学们不要改z-index这个选项,容易出大问题。

有什么问题的可以在下面留言啊!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 0x000001
  • 0x000002
  • 0x000003
  • 0x00004
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档