请选择 进入手机版 | 继续访问电脑版

网页UI--背景粒子特效

发表于 05-16 18:30 显示全部楼层 42 708

本帖最后由 赵延明老师 于 2017-5-29 20:19 编辑

简介:


对于背景的处理我们平常都是使用背景图或者背景颜色,它不能彰显我们的个性,今天我们来分享一款,背景粒子特效。

效果:

粒子特效.png

视频:

技巧:

在新建网页文档的body标签之间通过script的src属性引入canvas-nest.js文件即可。

线条颜色在script标签身上,设置属性color="R,G,B" ;例如红色: color="255,0,0";默认值为 color="0,0,0"

透明度在script标签身上,   设置属性opacity="透明度"; 例如不透明: opacity="1"; 默认值为0.5;允许值为0~1之间。0.5为半透明,1为完全不透明,0为完全透明 

线条数量在script标签身上, 设置属性count="数量"; 默认值为150

背景层级在script标签身上, 设置属性zindex="数值"; 默认值为-1

效果及详细代码:

回复可查看全部代码: 

游客,如果您要查看本帖隐藏内容请回复


想了解更多内容,可以点击以下链接:


小码哥官网:http://www.520it.com/


网页UI学院:http://www.520it.com/special/ui

回复 使用道具
举报
万昕

发表于 10-02 15:36 显示全部楼层

6666666666666666666666

回复 支持 反对 使用道具
举报
JIM-LIN

发表于 09-30 20:36 显示全部楼层

加个这个背景特效,整体页面就好玩起来了~赞!

回复 支持 反对 使用道具
举报
跳马

发表于 09-27 10:17 显示全部楼层

好喜欢哦

回复 支持 反对 使用道具
举报
世界和平

发表于 08-31 18:50 显示全部楼层

我要看详细代码


回复 支持 反对 使用道具
举报
收起回复 展开
赵延明老师 世界和平   发表于 09-01 09:11

给你给你

稀饭呐

发表于 08-18 10:41 显示全部楼层


回复 支持 反对 使用道具
举报
多喝热水

发表于 07-14 10:16 显示全部楼层

回复 支持 反对 使用道具
举报
eee

发表于 07-13 16:48 显示全部楼层

回复 支持 反对 使用道具
举报
刚好有需要
回复 支持 反对 使用道具
举报
luoli

发表于 07-11 16:48 显示全部楼层

想看

回复 支持 反对 使用道具
举报
1234下一页

发表新文章
赵延明老师

小码哥名师团队

0

学分

2303

学币

2573

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2573

签到周冠军勋章小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育