阅读 169

canvas-nest.js

canvas-nest.js

只需在页面加入js就可以直接使用canvas,效果为粒子运动,会跟随鼠标运动并汇聚,最终会汇聚成一个圆形。

<script type="text/javascript" color="255,255,255" opacity='0.9' zIndex="999" count="199" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>


其中的参数。
color为粒子的颜色。
opacity为粒子的不透明度。
zIndex为粒子的堆叠顺序。
count为粒子的计数。

 

完整代码如下

<!DOCTYPE html><html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
		*{
			margin: 0;//消除页面浮动
			padding: 0;
			background-image: linear-gradient(#f79,#79f);//从上而下的渐变色
		}		</style>
	</head>
	<body>
		<script type="text/javascript" color="255,255,255" opacity='0.9' zIndex="999" count="199" 
		src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
	</body></html>

效果图如下 

来源:https://www.cnblogs.com/luohuas/p/14761102.html

服务器评测 http://www.cncsto.com/ 

服务器测评http://www.cncsto.com/ 



文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐