精挑细选12款大气的HTML5/CSS3应用



上周我们也整理了不少精美的HTML5/CSS3应用插件，包括图片特效、网页菜单、Tab选项卡、按钮特效等。今天我们精选了12款大气的HTML5/CSS3应用插件，分享给大家。

1、CSS3华丽的Tab菜单 带小图标动画

之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单，结合SVG，Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜单的菜单项是一个个小图标，鼠标滑过时，菜单项展示对应文字，并出现展开的动画。

在线演示 /源码下载

2、CSS3二级下拉动画菜单 菜单背景滑动动画

我们以前收集了很多漂亮的CSS3菜单，尤其是多级下拉菜单，像纯CSS3垂直动画菜单、CSS3 Lava Lamp动画下拉菜单效果都还不错，也挺实用的。今天我再来分享一款CSS3二级下拉动画菜单，这款CSS3菜单的特点是在菜单展开时，菜单的背景会出现滑动的动画效果。

在线演示 /源码下载

3、HTML5摆动的文字特效 类似柳枝摆动

之前我们在html5tricks上分享过一些HTML5文字特效，像这款HTML5/CSS3 3D文字特效 文字外翻效果，像这款HTML5像素文字爆炸重组动画特效都非常有特色。今天我们来分享一款可以摆动的HTML5文字特效，文字垂直下垂，并可以在微风中微微摆动，就像春风中的柳枝一样。

在线演示 /源码下载

4、HTML5/CSS3颜色渐变文字 可指定文字路径

之前我们分享过一些很酷的HTML5文字特效，像这款HTML5/CSS3 3D文字特效的折叠效果非常不错，这款HTML5/CSS3发光文字 可自定义文字色彩也很绚丽。今天我们来分享一款利用SVG实现的文字按路径显示应用，同时文字的填充色也有渐变的效果。

在线演示 /源码下载

5、一款很酷的CSS3翻页时钟动画

之前我们介绍过一款HTML5/CSS3时尚的圆盘时钟动画，今天我们来分享另外一种风格的时钟，这款CSS3时钟动画是一款数字时钟，时间每过一秒，相应的位置就会像翻日历一样翻过去。另外，这款CSS3数字时钟有点立体的效果，非常漂亮。

在线演示 /源码下载

6、CSS3开关切换按钮 可左右横向切换

之前我们分享过不少效果很酷的CSS3开关切换按钮，像这款CSS3 3D弹性按钮效果非常有质感，还有像这款CSS3 3D发光按钮又非常绚丽。今天我们要分享一款可左右滑动的CSS3开关按钮，鼠标点击按钮即可实现ios的滑块按钮效果。

在线演示 /源码下载

7、CSS3 3D小球旋转Loading动画 相当欢乐

之前我们分享过一些不错的CSS3进度条插件，当然也分线过一款Loading动画纯CSS3加载Loading动画图 12款创意设计，效果非常酷。今天我们要来分享一款非常欢乐的CSS3 Loading动画，Loading动画由4个旋转的小球组成，旋转时呈现类3D的效果，我们很乐意叫它2.5d。

在线演示 /源码下载

8、HTML5/CSS3书本翻页3D动画

前段时间我们分享过很多牛叉的HTML5动画，如果你对HTML5感兴趣，可以移步至HTML5动画欣赏学习。今天我们要分享一款基于HTML5和CSS3的书本翻页3D动画，当我们将鼠标滑过书本时，书本就会自动一页页翻过去，书本的3D效果非常不错。

在线演示 /源码下载

9、HTML5 3D骨牌图片特效 带文字描述

今天分享一款很特别的HTML5 3D图片特效，当鼠标滑过图片时，平面的图片即会呈现3D的效果，和这款HTML5 3D图片折叠特效类似，也是通过鼠标滑过来展现3D效果。另外，这款HTML5 3D骨牌图片特效还可以设置图片描述信息。

在线演示 /源码下载

10、jQuery UI滑杆插件 可Tooltip提示

今天我们再来介绍一款实用的jQuery插件，是基于jQuery UI的。这款jQuery滑杆插件非常漂亮，可以设置多种颜色，再加上CSS3上运用，可以让滑杆的游标变得有立体感，滑杆的Tooltip提示框也出现飞入飞出的动画效果。更多jQuery插件可以移步至jQuery插件栏目。

在线演示 /源码下载

11、CSS3个人资料表单 分两步骤表单

对于分步骤表单，我们之前也已经有过介绍了，像这款HTML5分步骤注册表单就非常不错，今天我们要来介绍另外一款分步骤表单，这是一款个人资料填写表单，我们可以分两步来填写个人资料，每一步的切换都有淡入淡出的动画效果，你也可以回退到上一步继续填写。

在线演示 /源码下载

12、HTML5/CSS3自定义浮动Select 超炫下拉菜单动画

在CSS3菜单栏目中，我们分享了很多漂亮的菜单特效，相信很多CSS3菜单也都非常实用。今天我们要分享一款HTML5/CSS3悬浮的自定义Select下拉菜单，这个CSS3菜单利用CSS3特性可以浮动在网页上，并带有阴影效果，同时，展开下拉框时会弹出一个二级菜单，效果非常不错。

在线演示 /源码下载

OK，以上就是12款大气的HTML5/CSS3应用，欢迎收藏分享。（www.html5tricks.com）