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

上周我们还整理了很多精美的HTML5/CSS3应用插件，包括图片特效、web菜单、Tab tab、按钮特效等等。今天我们选了12个大气的HTML5/CSS3应用插件和大家分享。

1.CSS3华丽的标签菜单，带有小图标动画

之前我们分享了一个优秀的CSS3 Tab菜单，HTML5 SVG Tab滑块菜单。结合SVG，Tab菜单非常灵活。今天我们要分享一个基于CSS3的华丽Tab菜单。该选项卡菜单的菜单项是小图标。当鼠标滑过时，菜单项显示相应的单词并展开动画。

在线演示/源代码下载

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

我们以前收集了很多漂亮的CSS3菜单，特别是多级下拉菜单，比如纯CSS3垂直动画菜单，CSS3 Lava Lamp动画下拉菜单，都是有效实用的。今天分享一个CSS3两级下拉动画菜单。这个CSS3菜单的特点是菜单展开时，菜单的背景会有滑动动画效果。

在线演示/源代码下载

3.HTML5 swing的文字效果和柳树swing差不多

之前我们在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球旋转加载动画挺开心的

之前分享了一些不错的CSS3进度条插件。当然我们还分了一个Loading动画，纯CSS3，Loading动画，12个创意设计，效果很酷。今天我们要分享一个非常开心的CSS3 Loading动画。加载动画由四个旋转球组成，旋转时呈现出类似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自定义浮动选择酷下拉菜单动画

在CSS3菜单栏里，我们分享了很多漂亮的菜单效果，相信很多CSS3菜单也很实用。今天我们要分享一个自定义的带有HTML5/CSS3暂停的Select下拉菜单。这个CSS3菜单可以通过使用CSS3特性，在网页上浮动，产生阴影效果。同时下拉框展开会弹出一个二级菜单，效果很好。

在线演示/源代码下载

好了，这是12个大气HTML5/CSS3应用。欢迎收藏分享。