您的位置:首页 - 教程 - 网页特效 - 正文
HTML5特效之燃烧吧文字火焰
效果展示: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>

评论: