分类： Html/Css
2014-04-17 20:55:46
在HTML5家族中，CSS3无疑是一名举足轻重的家庭成员。我们可以利用CSS3的各种特性来完成非常炫酷实用的HTML5应用插件，方便前端开发者快速实现需要的功能。今天分享的10款最新HTML5/CSS3应用也许能激发你的灵感。
1、HTML5环形音乐播放器，播放器外观非常酷
今天我要分享一款外观更酷的HTML5音乐播放器，该播放器是环形的，背景图片非常漂亮，可以控制播放、调整音量等播放器常用的功能。
1c151458 980a 3764 b770 8337d7e6e2fe 10 款激发灵感的 HTML5/CSS3 应用
2、HTML5/CSS3闹铃动画特效，闹钟可以抖动
闹铃大家都用过，经常吵着你上学上班。今天我们要用HTML5/CSS3技术来实现一个模拟的闹铃动画特效，首先这个闹钟可不是摆设，它有时钟的功能，你可以查看本地时间。另外这个闹铃在定点的时候会抖动起来，效果非常逼真，是一款挺有趣的HTML5动画特效。
65f3b829 cbd2 3fc9 b891 7d7080121bd0 10 款激发灵感的 HTML5/CSS3 应用
3、纯CSS3实现多色彩菜单，带鼠标滑过动画
今天要分享的这款菜单也是利用纯CSS3实现，这款CSS3菜单的菜单项下边框有各种漂亮的彩带，鼠标滑过时彩带的颜色也会改变。另外菜单在黑色背景下更显大气，很实用的一款菜单。
4def58cd c780 32ea 8665 130e81ff3c32 10 款激发灵感的 HTML5/CSS3 应用
4、CSS3侧边栏菜单，带可爱的小图标菜单
今天要分享的这款CSS3菜单是侧边栏菜单，菜单整体式停靠在网页的侧边，鼠标滑过时才会展开菜单，该CSS3侧边栏菜单拥有一套漂亮的svg小图标，菜单的整体样式非常清新，是一款不错的CSS3菜单。
c5eb42f7 7b2a 37b8 be46 cd6ef57f381a 10 款激发灵感的 HTML5/CSS3 应用
5、HTML5/CSS3实现iOS Path菜单，菜单动画很酷
Path菜单相信大家都不陌生吧，它在iOS中非常流行，今天我们要分享的菜单就是利用HTML5和CSS3技术来模拟实现这款iOS Path菜单，点击按钮，即可弹出子菜单，子菜单弹出的动画非常炫酷。点击子菜单，即可打开相应功能。
3a67ef3b 0995 39a4 bf88 7b5588933cc1 10 款激发灵感的 HTML5/CSS3 应用
6、HTML5 3D图表插件，可动态显示图表数据
今天我们又要给大家分享一款非常酷的HTML5 3D图表插件，它可以将图表的数据项绘制成一个3D的区域，并且图表的数据可以动态的逐一显示，图表的视觉效果也不错。
46bcb319 63fd 37c7 b59c 76aa0a8e4c2a 10 款激发灵感的 HTML5/CSS3 应用
7、HTML5/CSS3联系表单，提交按钮有发光动画
今天我们来分享一款很酷的CSS3联系表单，表单有一张很有内涵的背景图，表单充满全屏，非常大气。另外该CSS3联系表单还有一个会发光的提交按钮，非常酷。
37ceff4f 50e8 32c4 a7f7 0b77e0957af9 10 款激发灵感的 HTML5/CSS3 应用
在线演示 / 源码下载
8、CSS3环形动画菜单，很酷的旋转动画
这次我们要分享一款利用纯CSS3实现的环形动画菜单，这款菜单在鼠标滑过时会旋转展开子菜单，旋转的时候带有淡入淡出的效果，非常酷的菜单特效。
3f0a3b39 8a9e 3065 8778 6f392a4e3cb5 10 款激发灵感的 HTML5/CSS3 应用
9、HTML5图片组合归类效果，图片分类利器
HTML5对处理一些简单的动画非常方便，比如移动、淡入淡出效果等。今天分享的这款HTML5图片组合归类特效就应用了HTML5的移动特效，当用户选择一个图片分类时，相关分类的图片就会移动到这个分类下面，并伴随着淡入淡出的移动动画，是一款效果很酷的HTML5图片处理应用。
d761c7a7 fced 3c19 a9bb 77b8b84c514f 10 款激发灵感的 HTML5/CSS3 应用
10、HTML5多功能图表，支持饼状图和金字塔图
这是一个不错的HTML5多功能图表，它不仅支持饼状图，也支持金字塔状图，点击图表的统计区间即可查看当前区间的图表数据。
04c974eb 23ca 3efb b5a1 5b3645167623 10 款激发灵感的 HTML5/CSS3 应用
