8款迷人的jQuery / CSS3 3D应用插件

jopen 11年前

接下来这篇文章要向大家分享8款效果迷人的jQuery/CSS3 3D应用插件,有些需要在支持3D渲染的浏览器中实现,有些是利用jQuery和CSS3组合实现的伪3D效果,一起来看看吧。

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

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

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

8款迷人的jQuery / CSS3 3D应用插件

在线演示    /    源码下载

原文链接:http://js.itivy.com/?p=1646