上周我们还整理了很多精美的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应用。欢迎收藏分享。

1.《html5css3 精挑细选12款大气的HTML5/CSS3应用》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《html5css3 精挑细选12款大气的HTML5/CSS3应用》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/fangchan/1671289.html