[Html5 canvas]鼠标悬停吸附粒子背景特效

来源:互联网 发布:南昌金域名都怎么样 编辑:程序博客网 时间:2024/05/20 22:02

之前在某不知名网站上看到过,觉得好酷炫,当时也没多想怎么写的。

demo地址: http://www.luoyuhu.com/
github地址:https://github.com/hustcc/canvas-nest.js

官方tip:使用方法很简单只需要再body中间插入这段js代码即可,注意不要放在head里面

<html><head>    ...</head><body>    ...    ...    ...    <script src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script></body></html>

配置:颜色:默认是(0,0,0),格式是(R,G,B)

   透明度:(0-1),默认0.5

   线段的数量:默认0.5

   Z轴:默认-1

<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
3 0
原创粉丝点击