爱程序网

HTML5火焰文字特效DEMO演示

来源: 阅读:

效果展示:http://hovertree.com/texiao/html5/26/

效果图:

扫描二维码查看效果:

火焰二维码

或者关注微信公众号 ihewenqi ,发送 我 或者 张国荣 ,可以查看效果。

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5火焰文字特效DEMO演示 - 何问起</title>
<style>
html, body {
margin: 0px;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #000000;
font-family: sans-serif;
}

#canvasContainer {
margin: 0px;
width: 100%;
height: 100%;
}
</style>
</head>

<body>
<div>
</div>
<div id="canvasContainer"></div>
<!--修改这里的文字-->
<span id="hovrtreefire">何问起</span>


<a href="http://hovertree.com/">首页</a>
<a href="http://hovertree.com/texiao/">特效</a>
<a href="http://hovertree.com/h/bjaf/xmrvjvng.htm">原文</a>

<script src="http://hovertree.com/texiao/html5/26/hovertreefire.js"></script>
</body>
</html>

转自:http://hovertree.com/h/bjaf/xmrvjvng.htm

OnBlur事件表示什么?

更多特效:http://www.cnblogs.com/roucheng/p/texiao.html

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助