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时钟代码 演示和下载 ...
随机推荐
- ABP理论学习之EntityFramework集成
返回总目录 本篇目录 Nuget包 创建DbContext 仓储 仓储基类 实现仓储 自定义仓储方法 阅读其他 ABP可以使用任何ORM框架工作,并且已经内置了EntityFramework集成.这篇 ...
- .Net中的反应式编程(Reactive Programming)
系列主题:基于消息的软件架构模型演变 一.反应式编程(Reactive Programming) 1.什么是反应式编程:反应式编程(Reactive programming)简称Rx,他是一个使用LI ...
- [.net 面向对象程序设计进阶] (12) 序列化(Serialization)(四) 快速掌握JSON的序列化和反序列化
[.net 面向对象程序设计进阶] (12) 序列化(Serialization)(四) 快速掌握JSON的序列化和反序列化 本节导读: 介绍JSON的结构,在JS中的使用.重点说明JSON如何在.N ...
- MySQL 对比数据库表结构
200 ? "200px" : this.width)!important;} --> 介绍 本章主要介绍怎样对比数据库的表结构的差异,这里主要介绍使用mysqldiff工具 ...
- MVC4做网站六后台管理:6.1.4管理员列表、添加及删除
一.管理员列表 1.首先[AdministratorController]中添加返回分部视图的public PartialViewResult Index() /// <summary> ...
- 深入学习jQuery鼠标事件
× 目录 [1]类型 [2]写法 [3]合成事件[4]鼠标按键[5]修改键[6]坐标位置 前面的话 鼠标事件是DOM事件中最常用的事件,jQuery对鼠标事件进行了封装和扩展.本文将详细介绍jQuer ...
- Android之Socket通信、List加载更多、Spinner下拉列表
Android与服务器的通信方式主要有两种,一是Http通信,一是Socket通信.两者的最大差异在于,http连接使用的是“请求—响应方式”,即在请求时建立连接通道,当客户端向服务器发送请求后,服务 ...
- Easyui 让DataGrid适应浏览器宽度
DataGrid有100%宽度的设置,但是有时不是很让人满意,比如你你放大或者拉放你的浏览器,那么DataGrid只维持第一次加载的宽高,非常难看 $('#List').datagrid({ url: ...
- 【原创】开源Math.NET基础数学类库使用(14)C#生成安全的随机数
本博客所有文章分类的总目录:[总目录]本博客博文总目录-实时更新 开源Math.NET基础数学类库使用总目录:[目录]开源Math.NET基础数学类库使用总目录 前言 ...
- ASP.NET MVC之视图生成URL（二）
前言 上一节我们讲述了MVC中从控制器到视图传递数据的四种方式,想必大家早已掌握了,那我们继续往下走. 话题 在MVC的Web应用程序中,我们经常会出现这样的操作,从一个视图跳转到另外一个视图,大部分 ...