网站背景鼠标点线窝巢特效-canvas-nest.js

网页背景特效

canvas-nest.js是一个比较酷的一个背景插件,使用方法也比较简单;现在好多博客网站都加上了这个背景,甚是喜欢。使用的话,只需要将插件的js引进来就可以了。但是只能放入body标签中,放在header中不会生效。

canvas-nest.js还有有一些自定义的参数,需要在在script中加入相应的参数:

  • color=“255,0,0” 背景粒子线的颜色值
  • opacity=“0.5” 背景粒子线的透明度,一般设置成0.5-1之间
  • count=“99” 背景粒子线的密度,建议不要太大,否则页面容易卡死
  • zIndex="-1" 表示显示的层级。

可以在通过github地址 https://github.com/hustcc/canvas-nest.js 直接下载,

或者直接用bootCDN上的地址:https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js;

用法:

<script type="text/javascript" color="27,195,251" opacity='0.7' zIndex="-1" count="50" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>

效果

网站背景鼠标点线窝巢特效-canvas-nest.js
(0)
上一篇 2020-02-14 21:08
下一篇 2020-02-27 21:42

相关推荐