HTML5火焰文字特效DEMO演示

HTML5火焰文字特效

最新推荐文章于 2025-06-18 20:21:08 发布

weixin_34396103

最新推荐文章于 2025-06-18 20:21:08 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/roucheng/p/html5fire.html

效果展示：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>