精挑细选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

极客头条稿源:极客头条 (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 综合编程 » 精挑细选12款大气的HTML5/CSS3应用

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录