HTML5火焰文字特效DEMO演示
效果展示：http://hovertree.com/texiao/html5/26/
效果图：
扫描二维码查看效果：
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAIAAABMXPacAAAEG0lEQVR4nO2dwXLDMAhE407//5fTm9sZEbwsqOu0+06d2Jbc7IABIed4Pp8Po+NDfQP/HQsg5vP86ziO/nCnQ6uOlnvCcDRwrupp4bz0/3U5ly1AjAUQ87l+VI2LcKtMRiZMm3ApyGkj/05IOLItQIwFEBO4oJNNNh6ODJ5G3MkayeQjE5lp54uyBYixAGIsgJjsGdChmjoSYWg1eQ6nGHnOdbAFiLEAYna5oJBO2okMQniM1VWG0eo+X2QLEGMBxGQuqGN3nfwTrMLn/iH3Lcj5OJ0vyhYgxgKICVzQyKpbzuwK38nP0aoVuqrPvDwKYgsQYwHEWAAxx6YcD2wk6ax+dNw3mE47E/77WAAxmQsiOs5oJ4MPQgd/I4k9ODJ+vi1AjAUQEzTngrWt9VAImJ3mTiYfpJORVjtf8GQbPM0WIMYCiLEAYoIwNH8YdAIyMEilGxd/oYtkfDOILUCMBRCTbdDIC2oh4ApGZ3vXb+6rpfN53HvbAsRYADFHtXxGu5HwTLCidzkyMsjIBg1wCkdBb4MFEIM259ILgeMBDD3IeErY8TwntgAxFkCMBRDz/QygE2AiYc6vzQepZqegg57dyxY+KsI7twWIsQBi0GJcYvi4o1g/7JT2VvbtESOuBbEFiLEAYgbaUvAXuo3YbD5vcieda6vOED/fFiDGAoixAGKCBZmQTW/yI1Z9qwtH+bw5YK2082yzBYixAGL4PWLjPWLryJ3V6WptkTiNDlJdjLsRFkBM9qqCzjJpeLQ6VzLs5SVVRhLmkHwQW4AYCyCG74ybZTYcury22hk3W7xzFHQjLIAYCyCmXIyb3UF2cXPFWhjB7HtbCGwBYiyAGHSbKp0TdnY0VFNx/I0GI3W0Ku6MuyMWQEzWlgLaLNEZtzLS1BYCxipEoDVSO7AFiLEAYiyAGDQTBhlp9wBPm12UBh9a1f6UfNKHLUCOBRCD/oIGvYIBbqzFs27wTmZ7W8LZ120mxNKQLUCMBRCDrgnTRSt8+8Z6tMpIuS1k3142W4AYCyCG/0Xtk3xX+KszX31yeSfVPhoivAFvrxrUOQq6IxZAjAUQMxyGbtp7RTBSqqtChNe2ADEWQMz23xEDy+vE+w6SYfEpQEa2mYTYAsRYADFBW0qHpERODEIklvQgoM8EnSG+rmkLEGMBxFgAMdlL+0DwFozEfROd2NUdy6/OvBwWvPDV0fwSW4AYCyCGX5AZeblAJ4dcI8h83aazVaQaTLsz7m2wAGLQX9CgASMTotw2u9Esv+GRTSshtgAxFkDMdhdExB4j9f08vqLjMaKil09hCxBjAcRYADHlN2YFQ6QRJHNPxTuZ7SrEob8oPwNuhAUQk703dASiotfxPMnRfXtdOw7NFiDGAojZ1RlnQGwBYiyAGAsg5gtXtrIfJZ2UkwAAAABJRU5ErkJggg==" alt="火焰二维码" width="128" height="128" />
或者关注微信公众号 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
更多特效：http://www.cnblogs.com/roucheng/p/texiao.html
HTML5火焰文字特效DEMO演示的更多相关文章
- HTML5火焰文字特效DEMO演示---转载
只有google支持 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...
- CSS3火焰文字特效制作教程
原文:CSS3火焰文字特效制作教程 用一句很俗气的话概括这两天的情况就是:“最近很忙”,虽然手头上有不少很酷的HTML5和CSS3资源,但确实没时间将它们的实现过程写成教程分享给大家.今天刚完成了一个 ...
- HTML5 3D 粒子波浪动画特效DEMO演示
需要thress.js插件: http://github.com/mrdoob/three.js // three.js - http://github.com/mrdoob/three.js ...
- 7款震撼人心的HTML5文字特效
1.CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加 ...
- 7款让人惊叹的HTML5粒子动画特效(转载)
1.HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画,当你用鼠标在canvas画布上移动时,鼠标周围的一些粒子就会跟着你移动,并形成一定的图案, ...
- 7款让人惊叹的HTML5粒子动画特效
HTML5的很大一个优势就是可以更加便捷高效地制作网页粒子动画特效,特别是Canvas特性,可以实现在网页上绘制任何图形和动画.本文要分享7款让人惊叹的HTML5粒子动画特效,这些粒子特效都提供源代码 ...
- 16个富有创意的HTML5 Canvas动画特效集合
HTML5技术正在不断的发展和更新,越来越多的开发者也正在加入HTML5阵营,甚至在移动开发上HTML5的地位也是越来越重要了.HTML5中的大部分动画都是通过Canvas实现,因为Canvas就像一 ...
- 16个非常有趣的HTML5 Canvas动画特效集合
HTML5技术正在不断的发展和更新,越来越多的开发者也正在加入HTML5阵营,甚至在移动开发上HTML5的地位也是越来越重要了.HTML5中的大部分动画都是通过Canvas实现,因为Canvas就像一 ...
- 9种jQuery和css3图片动画特效代码演示
1.自由旋转的jQuery图片 演示和下载地址 2.css3阴影动画效果 演示和下载地址 3.拉窗帘特效图片 演示和下载地址 4.css3文字特效动画 演示和下载地址 5.css3时钟代码 演示和下载 ...
随机推荐
- spark 笔记
官网 http://spark.apache.org/ 安装:http://dblab.xmu.edu.cn/blog/spark-quick-start-guide/ 教程 http://www.c ...
- 对改善ABP的一些建议
园子里有不少同学对ABP框架很感兴趣,而且也已经将ABP用在了商用项目中,有些可能还在操练阶段.一般来说,我们使用ABP默认的一些功能已经足够了,但还是有很多人想要自己拓展一些功能而自己实现不了或者说 ...
- Lesson 6 Percy Buttons
Text I have just moved to a house in Bridge Street. Yesterday a bagger knocked at my door. He asked ...
- String驻留带来的危害
原创文章转载请注明出处:@协思, http://zeeman.cnblogs.com 前段时间接手了一个项目优化工作,在同等场景下内存使用从4G降低到200M. 项目是将实体序列化成字符串存入 ...
- R in Action 读书笔记（6）基本图形
MindMapper原文件
- 跟vczh看实例学编译原理——一：Tinymoe的设计哲学
自从<序>胡扯了快一个月之后,终于迎来了正片.之所以系列文章叫<看实例学编译原理>,是因为整个系列会通过带大家一步一步实现Tinymoe的过程,来介绍编译原理的一些知识点. 但 ...
- Spark DAGSheduler生成Stage过程分析实验
RDD.Action触发SparkContext.run,这里举最简单的例子rdd.count() /** * Return the number of elements in the RDD. */ ...
- iOS---iOS9搜索功能
前言 在iOS9之前我们只能使用Spotlight来搜索应用名称来打开指定App,而其他的内容都是提供给系统使用(信息,联系人,邮件等).在iOS9以后Apple允许开发者设置应用中任意内容可以被Sp ...
- Distributed3：SQL Server 创建分布式数据库
分布式数据库的优势是将IO分散在不同的Physical Disk上,每次查询都由多台Server的CPU,I/O共同负载,通过各节点并行处理数据来提高性能,劣势是消耗大量的网络带宽资源,管理难度大.在 ...
- ImageView设置边框的两种方式
转载:http://www.2cto.com/kf/201308/239945.html package cc.testimageviewbounds; import android.os.Bundl ...