阅读更多

5顶
0踩

Web前端

原创新闻 6个绚丽时尚的前端3D效果及源码

2014-08-07 14:46 by 见习记者 agevs 评论(6) 有23917人浏览

作为一个前沿的 Web 开发者,对于 HTML5 现在流行的3D技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了6个前沿的绚丽的3D展示效果,希望对你有所帮助。

 

1.  3D自由立体旋转现实物理效果 

 

3D自由立体旋转是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的3D自由立体旋转运动。玩法介绍:可以随意拖动鼠标、按住鼠标左键选中旋转物体、或者按住鼠标滑轮放大或者缩小,有不同的效果,赶紧来体验一下。 

 

 

源码下载/  在线演示

 

2.  CSS3学习 - 骰子动画效果(滚轮放大可以看骰子里的世界!) 

 

这个插件集成了一些非常好的 JavaScript 库,提供一个方便使用的文本动画插件,可以让你3D全方位的看到物体里边的世界哟。



 

 源码下载/  在线演示

 


3.  jquery推开窗户3D特效

jquery
实现的推开窗户的3D特效,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发。 

 

 

源码下载/   在线演示


4.  jquery html内容3D翻转显示 

 

rotate3di.js 是一个用于实现翻转的 JavaScript 库。您可以设置动态光的位置,可定制的阴影。不依赖于第三方库。能在支持 FireFoxChromeSafari、傲游、搜狗、360浏览器。 



 

源码下载/   在线演示

 

5.  jquery动画洗牌图片3D特效

 

modernizr.custom.34807.js 是一款用于时尚、现代的3D效果的 JavaScript 库,你需要做的就是添加您所要实现的图效,剩下的任务就交给js 算法了,使用非常简单。提供了动画洗牌图片效果,满足开发的各种场合需要。



 
源码下载 /   在线演示


6. 实现360度多角度展示效果 

使用 jqueryhtml结合实现超逼真的方块展示效果,呈现3D画面的技术,有别于过去需要安装浏览器插件,只需要编写网页代码即可实现3D图像的展示。 


 

 

源码下载 /   在线演示 

 

  • 大小: 33.9 KB
  • 大小: 21 KB
  • 大小: 187.9 KB
  • 大小: 41.4 KB
  • 大小: 66.2 KB
  • 大小: 41.9 KB
5
0
评论 共 6 条 请登录后发表评论
6 楼 补魔党 2014-11-04 14:00
您的tomcat已经关闭!建议您重启您的TOMCAT!
5 楼 huoquan 2014-08-21 13:40
最专业的UI前端框架!点这里
4 楼 bawangse 2014-08-18 14:16
楼主这些组件都是开的吗
3 楼 zendly 2014-08-12 20:33
效果很一般
2 楼 fykyx521 2014-08-09 12:57
卖组件的 首先自己的界面就太差
1 楼 xueyou 2014-08-08 18:48
这个真心不错啊,组件很好

发表评论

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

相关推荐

Global site tag (gtag.js) - Google Analytics