阅读更多

14顶
0踩

Web前端

原创新闻 8款迷人的jQuery/CSS3 3D应用插件

2014-02-07 09:51 by 见习编辑 html5_dev 评论(4) 有38730人浏览
本文要向大家分享8款效果迷人的jQuery/CSS3 3D应用插件,有些需要在支持3D渲染的浏览器中实现,有些是利用jQuery和CSS3组合实现的伪3D效果,一起来看看吧。

1、纯CSS3和Checkbox实现3D按钮开关

这款CSS3按钮利用了Checkbox,从而实现了开关按钮效果。该CSS3开关一共有四种风格。



在线演示 / 源码下载

2、jQuery/CSS3实现的3D相册

CSS3和jQuery实现的3D相册,共3种效果,非常酷。



在线演示 / 源码下载

3、CSS3动画Loading加载SVG进度条

这是一款基于纯CSS3技术的Loading加载进度条,由于CSS3的运用,进度条不仅拥有3D立体的效果,而且拥有加载时的动画特效。



在线演示 / 源码下载

4、CSS伪元素实现的3D按钮

CSS伪元素实现的3D按钮,一共5组按钮,是一款绚丽的CSS3按钮特效。



在线演示 / 源码下载

5、超具立体感的CSS3 3D弹性按钮

这个按钮是使用纯CSS3制作的3D弹性按钮,你可以试着点击这个按钮,感觉非常有意思。



在线演示 / 源码下载

6、HTML5 Canvas 3D立体图片展示插件

这款特效是基于HTML5 Canvas实现的,利用HTML5中的3D技术实现了3D立体的图片墙,需要支持HTML5 3D技术的浏览器才能正常演示。



在线演示 / 源码下载

7、jQuery 3D图片展示效果,带图片描述

这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。



在线演示 / 源码下载

8、jQuery实现3D圆盘图片播放,支持鼠标滚轮

这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。



在线演示 / 源码下载

以上就是8款效果迷人的jQuery/CSS3 3D应用插件,部分特效来自tympanus.net,由网页素材大全整理发布,欢迎收藏。
  • 大小: 44.5 KB
  • 大小: 52.2 KB
  • 大小: 30.7 KB
  • 大小: 54.6 KB
  • 大小: 26 KB
  • 大小: 27.1 KB
  • 大小: 35.3 KB
  • 大小: 68 KB
来自: ITIVY
14
0
评论 共 4 条 请登录后发表评论
4 楼 allan_chan 2014-02-15 12:40
3 楼 O0o陈小贱o0O 2014-02-12 17:05
2 楼 wade200 2014-02-09 10:47
 
1 楼 wlkfec 2014-02-08 10:10

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jQuery/CSS3 3D旋转图片切换焦点图插件

    今天我们要给大家分享的是一款jQuery/CSS3 3D旋转图片切换焦点图插件,主要有两种模式,一种是页面上始终只有一张图片,通过3D反转切换下一张图片;另外一种是多张图片进行3D立体排列,通过图片立体平移实现多图切换...

  • jQuery/CSS3 3D Tab菜单选项卡插件

    之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这...今天我们再分享一款jQuery/CSS3 3D Tab菜单选项卡插件,它的特点是Tab菜单项带有阴影效果,看上去有3D立体的视觉效果,也十分有用。

  • jquery控制css3动画 列表,10款jQuery/CSS3动画应用 超实用

    本文作者html5tricks,转载请注明出处这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少1、jQuery/CSS3书本翻页动画特效 多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效,该书本翻页插件的外观...

  • jQuery/CSS3 全屏垂直焦点图插件 3D立体翻转切换

    这是一款非常不错的jQuery/CSS3全屏焦点图插件,它的特点是切换图片时,图片和图片描述分左右两屏,分别会进行3D翻转分离后拼接,全屏展示非常大气。同时,这款焦点图插件的切换按钮放在有侧边,点击任意小按钮即可...

  • jQuery/CSS3可拖动分页插件 分页功能很强大

    之前我们已经分享过一些jQuery分页插件,像jQuery/CSS3简单分页插件 有3D立体外观和精美jQuery分页插件 带滑动条分页,今天要分享的这款jQuery/CSS3分页插件和前面的那款类似,有具有滑动条,可以拖动滑动条快速跳转...

  • 8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸

    昨天我收集了8款效果给力的HTML5/CSS3应用插件,有一些HTML5动画非常绚丽,也有一些CSS3按钮比较实用,感兴趣的朋友都看看吧。 1、HTML5/CSS3实现笑脸动画 非常可爱 关于纯CSS3绘制的人物我们在之前就分享过一些了,...

  • jquery.html 动画,10款超实用jQuery/CSS3动画应用

    原标题:10款超实用jQuery/CSS3动画应用这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少jQuery插件还是比较实用的,像一些jQuery菜单、jQuery图片滑块等。另外,CSS3的运用,让这些应用都添加了不同的动画...

  • 8款经典实用的jQuery/CSS3应用插件

    新的一周即将开始,今天我们精选了最新8款经典实用的jQuery/CSS3应用插件,有按钮、菜单、图片等特效应用,欢迎收藏和分享。1、jQuery滑过头像图片展示个人信息效果这是一款经典的jQuery图片插件,同时,也可以是一...

  • 实用jQuery/CSS3动画应用

    这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少jQuery插件还是比较实用的,像一些jQuery菜单、jQuery图片滑块等。另外,CSS3的运用,让这些应用都添加了不同的动画效果,不仅实用,而且更酷了。 1、...

  • 8款超酷体验的jQuery/CSS3应用插件

    这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。 在线...

  • 超酷体验 绚丽的jQuery和CSS3应用插件

    今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。 1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部...

  • HTML5/CSS3 全屏3D焦点图切换插件

    今天我们要给大家分享一款基于HTML5和CSS3的3D焦点图插件,类似的3D焦点图插件之前也有分享过,比如这款jQuery 3D 垂直螺旋切换焦点图动画和这款jQuery/CSS3 3D旋转图片切换焦点图插件都非常不错。这次的3D焦点图...

  • java 图片插件_[Java教程]10款功能强大的jQuery/CSS3图片特效插件

    [Java教程]10款功能强大的jQuery/CSS3图片特效插件0 2014-11-26 03:01:041.CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码,是一段实现页面底部拥有滚动云彩动态...

  • 9个超实用jQuery/CSS3应用插件欣赏

    jQuery是一款很强大的JavaScript框架,本文介绍的9个应用插件很多都是基于jQuery的,另外,CSS3的应用让这些插件增添了不少光彩,特别是第一个动画插件Animate.css非常实用,可以让你实现50多种不同的网页动画。...

  • 20+功能强大的jQuery/CSS3图片特效插件

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。 1、jQuery图片下滑切换播放效果 这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气...

  • 超赞 值得一试的jQuery插件和CSS3应用

    jQuery和CSS3相结合往往能制作出令人意想不到的网页应用,比如可以给平淡无光的菜单添加3D效果,可以给不起眼的小按钮增加发光的动画特效。下面我们就来看看jQuery和CSS3的魅力,这几款应用有些还是比较实用的。 1、...

  • setting.xml文件,修改Maven仓库指向至阿里仓

    setting.xml文件,修改Maven仓库指向至阿里仓

  • 基于java的玉安农副产品销售系统的开题报告.docx

    基于java的玉安农副产品销售系统的开题报告

  • dev-c++ 6.3版本

    dev-c++ 6.3版本

Global site tag (gtag.js) - Google Analytics