原标题:精挑细选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)返回搜狐,查看更多
责任编辑: