HTML5基于Canvas实现的粒子人物头像效果源码

时间:2018-09-27 03:27:11
【文件属性】:

文件名称:HTML5基于Canvas实现的粒子人物头像效果源码

文件大小:280KB

文件格式:RAR

更新时间:2018-09-27 03:27:11

html5 canvas

HTML5处理图片真的非常简单。这里利用HTML5 Canvas实现一个粒子效果的人物头像,你可以任意选择一张头像图片,接下来该图片会被打散成许多粒子,然后慢慢的重组成图片,鼠标滑过图片时粒子还会出现浮动的动画特效,看上去非常酷。


【文件预览】:
css
----default.css(5KB)
----styles.css(12KB)
----normalize.css(2KB)
img
----sarah.jpg(30KB)
----ncsu.jpg(56KB)
----the-look.jpg(32KB)
----sarah-dots.png(108KB)
fonts
----icomoon.woff(5KB)
----icomoon.svg(10KB)
----icomoon.eot(5KB)
----icomoon.ttf(5KB)
index.html
js
----jquery.min.js(94KB)
----scripts.js(2KB)
----breathing-halftone.pkgd.js(23KB)

网友评论

  • 很不错的资源
  • 很全,什么都有了,感谢