<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 Canvas生成粒子效果的人物头像DEMO演示</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!--[if IE]>
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div id="content">
<div style="text-align:center;clear:both;">
<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="/follow.js" type="text/javascript"></script>
</div>
<div class="hero">
<div class="demo sarah">
<img class="halftone" src="img/sarah-dots.png" data-src="img/sarah.jpg" />
</div>
<div class="demo ncsu">
<img class="halftone" src="img/ncsu.jpg" />
</div>
<div class="demo the-look">
<img class="halftone" src="img/the-look.jpg" />
</div>
<div class="thumbnails">
<img data-name="sarah" class="is-selected" src="img/sarah.jpg" />
<img data-name="ncsu" src="img/ncsu.jpg" />
<img data-name="the-look" src="img/the-look.jpg" />
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/breathing-halftone.pkgd.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
HTML5基于Canvas实现的粒子人物头像效果源码
4星 · 超过85%的资源 需积分: 50 10 浏览量
2015-09-07
09:40:31
上传
评论 1
收藏 280KB RAR 举报 
HTML5基于Canvas实现的粒子人物头像效果源码.rar （15个子文件） 
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 2KB js jquery.min.js 94KB scripts.js 2KB breathing-halftone.pkgd.js 23KB资源评论
dnu2016-08-22很不错的资源- qq7981855272015-09-30很全,什么都有了,感谢
