[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
- [Html5 canvas]鼠标悬停吸附粒子背景特效
- html5 canvas 粒子特效
- canvas鼠标移动动态星空背景特效
- HTML5 canvas粒子系统打造逼真飘雪特效
- canvas实现粒子特效
- canvans 粒子背景特效
- HTML5粒子特效
- 【CSS3特效】鼠标悬停动画
- html5粒子效果背景
- 鼠标悬停背景翻转导航
- 前端成长之路—canvas实现跟随鼠标和跟随手指粒子特效
- js实现鼠标吸附粒子效果和星璇效果
- 3d粒子特效---背景特效
- HTML5 canvas创建粒子效果
- html5跟随鼠标炫酷网站引导页粒子动画特效
- JS特效:鼠标悬停显示提示
- jquery特效--鼠标悬停显示提示信息
- css3实现鼠标悬停动画特效
- 如何禁用文本框输入中文
- Oracle中的日期和字符串互相转换
- android librtmp 推送h264流 aac流 基本过程总结二 x264移植
- Linux 下C编译和运行过程
- Microsoft Build 2017 Day2
- [Html5 canvas]鼠标悬停吸附粒子背景特效
- OpenCV中的TermCriteria模板类
- 查看PHP版本的方法
- 机器学习学习笔记(一)
- laravel 商品无限级分类
- 成为java架构师需要具备那些技能?
- 斐波那契数列
- [docker]docker启动一个小集群--link
- 文章标题