资讯频道 → Web前端
阅读更多

5顶
0踩

Web前端

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

2014-08-07 14:46 by 见习记者 agevs 评论(6) 有23928人浏览
web 框架 UI jquery javascript

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

作为一个前沿的 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图像的展示。 


 

 

源码下载 /   在线演示 

 

  • 大小: 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
这个真心不错啊，组件很好

发表评论

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

相关推荐

  • 6个顶级时尚的Web前端3D效果源码.rar

    作为一个前沿的 Web 开发者，对于 HTML5 和 现在流行的3D技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，...这篇文章挑选了6个前沿的绚丽的3D展示效果，希望对你有所帮助。

  • 6个顶级时尚的Web前端3D效果源码（六）

    在线效果：http://ynif.v099.10000net.cn/demo/3D/6/jiaoben145/index.html

  • 6个绚丽时尚的Web前端3D效果展示（附源码）

    作为一个前沿的 Web 开发者，对于 HTML5 和 现在流行的3D技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，...这篇文章挑选了6个前沿的绚丽的3D展示效果，希望对你有所帮助。

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（六）

    实现360度多角度展示效果 使用 jquery和html结合实现超逼真的方块展示效果，呈现3D画面的技术，有别于过去需要安装浏览器插件，只需要编写网页代码即可实现3D图像的展示。 源码下载 / 在线演示   ...

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（一）

    作为一个前沿的 Web 开发者，...这篇文章挑选了6个前沿的绚丽的3D展示效果，希望对你有所帮助。   1. 3D自由立体旋转现实物理效果  3D自由立体旋转是一个基于 HTML5 技术的实验，模拟现实物理效果，让你在...

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（五）

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

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（三）

    jquery实现的推开窗户的3D特效，会在当鼠标光标移动到接近（或通过）视口（viewport）的顶部的时候触发。    源码下载 / 在线演示 

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（二）

    CSS3学习 - 骰子动画效果（滚轮放大可以看骰子里...这个插件集成了一些非常好的 JavaScript 库，提供一个方便使用的文本动画插件，可以让你3D全方位的看到物体里边的世界哟。      源码下载/ 在线演示 ...

  • 6个绚丽时尚的Web前端3D效果展示（附源码）（四）

    jquery html内容3D翻转显示 rotate3di.js 是一个用于实现翻转的 JavaScript 库。您可以设置动态光的位置，可定制的阴影。不依赖于第三方库。能在支持 FireFox、Chrome、Safari、傲游、搜狗、360浏览器。      ...

  • 前端实现炫酷动效_超级绚丽，20款前端动画特效，轰炸你的眼睛

    前言HTML5一个相当出色的web技术，它不仅可以让你更加方便地操纵页面元素，而且可以通过canvas实现更多的动画特效，引进HTML5标准后，CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效，...

  • web前端html期末大作业实例 (1500套)

    你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面：计划采用最新的网页编程...

  • web前端期末大作业实例 (1500套) 集合

    你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面：计划采用最新的网页编程...

  • 8个时尚而简约的HTML5按钮

    1、基于Bootstrap的jQuery开关按钮组合Bootstrap是一款由Twitter推出的开源前端开发包，功能非常强大。今天我们要分享的这款jQuery开关按钮组合就是基于Bootstrap框架的，看了按钮的主题样式，也都...

  • 整理六百篇web前端知识混总

    整理六百篇web前端知识混总： 9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具 创建响应式布局的10...

  • 7款外观迷人的HTML5/CSS3 3D特效按钮特效

    3D按钮特效，有几个还挺实用的，分享给大家。 1、CSS3超酷3D弹性按钮 按钮实现非常简单 之前我们分享过几款不错的CSS3 3D立体按钮，比如5组可爱CSS3按钮、CSS3灰色按钮菜单 超具3D立体感等。今天我又要向大家...

  • 【java毕业设计】智慧社区教育服务门户.zip

    有java环境就可以运行起来 ,zip里包含源码+论文+PPT, 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上

  • 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip

    【资源说明】 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • 【java毕业设计】智慧社区宠物管理系统（源代码+论文+PPT模板）.zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。

  • 免费下载：Civil War (Stuart Moore)_xVBgd.zip

    免费下载：Civil War (Stuart Moore)_xVBgd.zip

  • JSP基于WEB的图书馆借阅系统的设计与实现(源代码+论文)(2024pw).7z

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；

Global site tag (gtag.js) - Google Analytics