页面“线条”效果HTML5实现代码

欢马劈雪

工程师 (已认证)

原创分享签约作者

发表于HTML代码

231

页面“线条”效果HTML5实现，鉴于老有人加群来询问网站特效怎么做的首先不是我做的我也是在Github上看到的拿过来用而已本站长 soゝso 有一颗前端的❤ 无奈走了 Java 的路如果上天在给我一次机会我还是选择走 Java 的不归路下面说说特效的事引入一个JS即可.

下面说说特效的事，引入一个JS即可：

<script src="//open.sojson.com/common/js/canvas-nest.min.js" count="200" zindex="-2" opacity="0.5" color="47,135,193" type="text/javascript">
</script>
可以直接用，open.sojson.com ，是本站的公开cdn 域名。你放心用就可以了，流量钱算我的。

严重注意的问题：这个script 引入得放到<body> 里，放到header 里，会报错。并且不依赖其他js 插件。怕有人还是比较马虎.

来源：//www.sojson.com/blog/127
记得要在支持html5的浏览器中测试。才可以看到效果。