20个非常绚丽的html5/css3应用插件-mile米乐体育

基于html5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的html5/css3应用插件。希望大家喜欢并分享给你的好友们。

1、html5视频破碎重组特效 强大视觉冲击

html5视频播放器很多，但是html5视频特效还是很少见的，这款html5视频破碎重组特效非常刺激，给人强大的视觉冲击。点击视频任意地方，html5将会将这些区域击碎，过一段时间，这些被击碎的视频碎片又将自动重新组合。是一款非常不错的html5视频特效。

在线演示    /    源码下载

2、html5 3d google搜索 小盒子 大世界

html5真是能让人想象万千，居然动起了google搜索的主意，它利用html5技术将google搜索放到了一个小盒子里，弄起了3d搜索。随着鼠标移动，html5 3d搜索盒子也就转动，非常立体。点击搜索按钮，即可打开盒子进行google搜索。

在线演示    /    源码下载

3、css3/jquery创意盒子动画菜单

作为前端开发者，各种各样的jquery菜单见过不少，这款jquery/css3菜单却是别具一格，菜单项嵌入到九宫格中，像小盒子一样，加上温馨的背景，菜单整体外观十分可爱。点击菜单项，盒子就会展开，展示该菜单项具体的内容。该css3菜单在展开时也有不错的动画效果。

在线演示    /    源码下载

4、华丽的html5图表 可展示实时数据

html5在图表应用中也十分广泛，比起以前的网页图表，html5图表制作更便捷，功能更强大。这款html5图表插件外观十分华丽和专业，在数据展示方面也很有优势，图表不仅支持多维数据展示，而且支持区域选择数据功能，利用该html5图表可以更加方便地管理你的数据。

在线演示    /    源码下载

5、html5重力感应游戏 甩甩领导的头像

快过年了，工资没涨多少吧，年终奖没发吧，恨领导吧。现在利用这款html5重力感应游戏来尽情甩领导的头像吧。制作一些你憎恨的领导们的头像图片，利用该html5重力感应游戏插件来拖动鼠标甩动这些头像，叫你不加工资…叫你不加工资…

在线演示    /    源码下载

6、html5 3d立体图片旋转播放展示

自从html5技术的出现，我们可以在浏览器上看到越来越多的3d特效。这款html5 3d立体图片旋转播放展示工具就体现了强大的html5 3d功能。当然这需要支持html5 3d功能的浏览器才能观看这个3d图片演示。

在线演示    /    源码下载

7、html5中国象棋游戏 自定义象棋难度

棋类游戏在桌面游戏中已经非常成熟，中国象棋的版本也非常多。今天这款基于html5技术的中国象棋游戏非常有特色，我们不仅可以选择中国象棋的游戏难度，而且可以切换棋盘的样式。程序写累了，喝上一杯咖啡，和电脑对弈几把吧，相信这html5中国象棋游戏的实现算法你比较清楚，可以打开源码来研究一下这款html5中国象棋游戏。

在线演示    /    源码下载

8、html5播放器神话 卡带式古典播放器

这是一款样式非常古典，但又是非常时尚的html5播放器，说它是古典播放器，是因为这种卡带式的html5播放器比较古老，说它时尚，是因为现在的html5播放器很少有这种样式的，非常有创意。如果你想给你的个人主要添加一款个性化的播放器，那么这款html5卡带式古典播放器可以选择一下，个人认为这是html5播放器的神话，非常经典。

在线演示    /    源码下载

9、html5超级玛丽游戏重体验 html5游戏经典

还记得小时候一起玩过的超级玛丽冒险游戏吗？是的，那是我们小时候很火的一款游戏，今天老外利用html5技术让超级玛丽可以在网页上跑了，html5版的超级玛丽虽然没有原版的功能强大，但是如果你有兴趣，完全可以把它写完善了。html5真的很强大，html5游戏方面更是犀利。

在线演示    /    源码下载

10、浪漫程序员 html5爱心表白动画

我们程序员在追求爱情方面也是非常浪漫的，下面是一位同学利用自己所学的html5知识自制的html5爱心表白动画，画面非常温馨甜蜜，这样的创意很容易打动女孩，如果你是单身的程序员，也赶紧来制作自己的爱心表白动画吧。

在线演示    /    源码下载

11、css3密码强度验证表单 码速表样式

我们在网站上注册会员时，输入一个强大较大的密码会大大增加帐号安全性，那么什么样的密码才比较安全呢？这款css3密码强度验证表单插件可以提示你当前输入密码的安全级别，有意思的是该密码强度验证插件的样式酷似码速表，随着密码强度的加大，码速表指针就会顺时针旋转，当然旋转的特效是利用css3结合jquery实现的。

在线演示    /    源码下载

12、纯css3 android logo动画绘制 小手还会动

利用css3可以绘制很多复杂的图案图标，今天就利用纯css3实现android logo图标，该css3 android logo主要利用了css3中的圆角等属性，绘制出来的logo非常逼真，同时该android logo还有动画效果，鼠标滑过android小人的头和手时，小手还能够挥动。

在线演示    /    源码下载

13、纯css3发光登录表单

我们见过很多css3表单，制作都非常精美，今天介绍的这款css3表单不但外观华丽，而且伴有颜色发光动画。当鼠标激活表单时，表单周围就会出现颜色渐变的发光动画，配合黑色的背景，整个css3表单显得格外亮丽。更重要的是，这个css3发光表单基本用css3实现，很少的js代码，在css3引擎上优化非常明显。

在线演示    /    源码下载

14、css3 3d进度条按钮 18款精美样式

我们在网页上提交数据的时候经常会看到进度条，不过大部分进度条都是在网页其他地方显示，比如弹出一个窗口。这款css3实现的进度条是显示在按钮上的，可以更直观的体现出用户提交的进度情况，该css3进度条按钮样式非常漂亮，在支持3d的浏览器上还能有3d立体的效果，而且进度条展现形式很多，一共18种样式。

在线演示    /    源码下载

15、html5水波荡漾动画特效 非常逼真

在现实生活中，我们经常可以看到水波的效果，雨滴落到小河中，河里必定泛起了水波。今天我们用html5模拟了水波荡漾效果，点击河水的图片，即可从点击处开始泛起水波，并向远处伸展。这个利用html5模拟出来的水波效果非常逼真，不过有点耗cpu。

在线演示    /    源码下载

16、html5雨点下落动画 让雨点飞起来

利用html5实现雨点下落需要注意一下几点：1、雨点的大小和形状；2、雨点下落的速度控制，注意应该是加速下落。这个演示动画就很生动的模拟了雨点下落动画。当鼠标移上去时，就会形成3个雨点并向下掉落。html5技术真的非常方便。

在线演示    /    源码下载

17、html5吃豆人游戏pcman

今天又要介绍一款不错的html5游戏，html5吃豆人游戏，画面上有一个吃豆人和一群怪物，你需要控制吃豆人移动吃掉路上的小豆子，一旦吃豆人遇到怪物被吃掉的时候，你就game over了。这款html5游戏还有一点没完善，就是吃豆人碰到怪物的时候不能被怪物吃掉，有兴趣的同学可以继续把它完善。html5游戏开发不仅需要技术，也需要创意。

在线演示    /    源码下载

18、html5像素粉碎图片动画 图片洒落一地

这款html5图片动画特效你绝对想不到，它将一张图片粉碎成许多像素颗粒，点击图片后，这些像素颗粒边掉落在地上，继续点击，粉碎的像素图片颗粒又会重新组合成完整的图片。用html5技术实现这种图片粉碎效果还是挺简单的，有兴趣的同学可以下载源码来学习。

在线演示    /    源码下载

19、html5太空战机游戏 有声有色

这又是一款制作精良的html5游戏，该html5游戏的主角是一架英勇威武的太空战机，进入游戏后按”z”键发射子弹，消灭敌机。该html5战机游戏的特点是：1、游戏画面非常华丽逼真，并且加入声音元素，让游戏更加迷人；2、游戏元素很多，敌机类型和发射子弹类型也很多，让玩家不会枯燥。

在线演示    /    源码下载

20、html5动画图片播放器 高端大气

我们见过很多图片播放插件（焦点图），很多都基于jquery。今天介绍的html5图片播放器很特别，它不仅在图片间切换有过渡动画效果，而且在切换时图片中的元素也将出现动画效果，比如图中的文字移动、打散、重新组合等。这款html5动画图片播放器算得上是高端大气上档次。

在线演示    /    源码下载