6个绚丽时尚的前端3D效果及源码
作为一个前沿的 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 库。您可以设置动态光的位置,可定制的阴影。不依赖于第三方库。能在支持 FireFox、Chrome、Safari、傲游、搜狗、360 浏览器。
5. jquery动画洗牌图片3D特效
modernizr.custom.34807.js 是一款用于时尚、现代的 3D 效果的 JavaScript 库,你需要做的就是添加您所要实现的图效,剩下的任务就交给 js 算法了,使用非常简单。提供了动画洗牌图片效果,满足开发的各种场合需要。
6. 实现360度多角度展示效果
使用 jquery 和 html 结合实现超逼真的方块展示效果,呈现 3D 画面的技术,有别于过去需要安装浏览器插件,只需要编写网页代码即可实现 3D 图像的展示。
来自: www.iteye.com