阅读更多

5顶
0踩

Web前端

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

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

作为一个前沿的 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
这个真心不错啊,组件很好

发表评论

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

相关推荐

  • 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立体感等。今天我又要向大家...

  • 06_QLibrary.zip

    06_QLibrary.zip

  • 毕业设计: 基于Densenet + CTC技术的文字检测识别的技术研究

    本毕设课题是属于计算机视觉下的目标检测与识别,对象为自然场景下的各种文本信息,通俗的说就是检测识别图片中的文本信息。由于文本的特殊性,本毕设将整个提取信息的过程可以分为检测、识别两个部分。 论文对用到的相关技术概念有一定的介绍分析,如机器学习,深度学习,以及各种的网络模型及其工作原理过程。 检测部分采用水平检测文本线方式进行文本检测,主要参考了乔宇老师团队的 CTPN 方法,并在正文部分从模型的制作到神经网络的设计实现对系统进行了较为详细的分析介绍。 识别部分则采用的是 Densenet + CTC,对于印刷体的文字有较好的识别。

  • 毕业设计 基于javaweb的在线答题平台

    毕业设计 基于javaweb的在线答题平台

  • numpy安装 python get-pip.py

    numpy安装 numpy安装 python get-pip.py

  • 基于用户、物品的协同过滤算法.zip

    协同过滤算法(Collaborative Filtering)是一种经典的推荐算法,其基本原理是“协同大家的反馈、评价和意见,一起对海量的信息进行过滤,从中筛选出用户可能感兴趣的信息”。它主要依赖于用户和物品之间的行为关系进行推荐。 协同过滤算法主要分为两类: 基于物品的协同过滤算法:给用户推荐与他之前喜欢的物品相似的物品。 基于用户的协同过滤算法:给用户推荐与他兴趣相似的用户喜欢的物品。 协同过滤算法的优点包括: 无需事先对商品或用户进行分类或标注,适用于各种类型的数据。 算法简单易懂,容易实现和部署。 推荐结果准确性较高,能够为用户提供个性化的推荐服务。 然而,协同过滤算法也存在一些缺点: 对数据量和数据质量要求较高,需要大量的历史数据和较高的数据质量。 容易受到“冷启动”问题的影响,即对新用户或新商品的推荐效果较差。 存在“同质化”问题,即推荐结果容易出现重复或相似的情况。 协同过滤算法在多个场景中有广泛的应用,如电商推荐系统、社交网络推荐和视频推荐系统等。在这些场景中,协同过滤算法可以根据用户的历史行为数据,推荐与用户兴趣相似的商品、用户或内容,从而提高用户的购买转化率、活跃度和社交体验。 未来,协同过滤算法的发展方向可能是结合其他推荐算法形成混合推荐系统,以充分发挥各算法的优势。

Global site tag (gtag.js) - Google Analytics