精华内容
参与话题
问答
  • 10个超漂亮的CSS 3D特效

    万次阅读 多人点赞 2018-08-11 09:26:55
    在油管上看到了10个超漂亮的CSS 3D特效,遂分享给大家,有写是css+JavaScript实现的。 3D Slicebox 在3D立方体上寻找图像幻灯片?查看演示 图像转换 与THREE.js 结合使用- 此图片幻灯片将让您的访问者惊呆了...

    在油管上看到了10个超漂亮的CSS 3D特效,遂分享给大家,有写是css+JavaScript实现的。

    3D Slicebox

    在3D立方体上寻找图像幻灯片?查看演示

    图像转换

    THREE.js 结合使用- 此图片幻灯片将让您的访问者惊呆了。你不能错过这一个,相信我!查看演示

    3D条形图

    将无聊的平面2D图表转换为3D图表。查看现场演示,点击下面的图片获取源代码。查看演示

    3D导航栏

    再次在您网站顶部的水平导航栏?试试这个吧!查看演示

    3D动画图表

    更改数据时包含动画的3D图表。查看演示

    纯CSS进度条

    忘记旧的普通2D进度条并检查这个纯CSS 3D进度条。查看演示

    CSS Helix加载器

    适合您网站的加载动画,可以让用户长时间保持关注。查看演示

    3D盒子预览器

    将相关内容分组到一个框中并将鼠标悬停在预览中!查看演示

     

    3D翻转预览器

    为您的元素添加悬停效果的完美匹配。查看演示

    3D 404错误

    用旋转的3D元素替换旧的无聊404错误页面。查看演示

    展开全文
  • 程序员给女朋友做的精美3D相册

    万次下载 热门讨论 2014-04-29 10:28:28
    程序员给女朋友用HTML5制作的3D相册 感觉挺漂亮。 整理里一个自己可以换相片
  • 12款开源或免费的3D建模软件

    千次阅读 2019-04-13 12:00:19
    Blende是一款系统全面的3D建模套件,它提供了大量专业级功能和模块,跨平台支持所有的主要操作系统。目前并已成为免费3D软件的代名词。Blender通常被称为TheBlenderProject,因为它不仅仅是一个软件,还是一个完整的...

    1、Blender

    Blende是一款系统全面的3D建模套件,它提供了大量专业级功能和模块,跨平台支持所有的主要操作系统。目前并已成为免费3D软件的代名词。Blender通常被称为TheBlenderProject,因为它不仅仅是一个软件,还是一个完整的社区,致力于创建最完整的3D建模和动画开发方案。并且这款软件是开源的,每天都有开发者提供新的模块和插件,软件也在不断更新。功能非常强大,但是上手比较难;一旦学会了,用起来就会非常方便。

    这款软件的用户评价比较高,偶有的抱怨也是它的界面有点差,然而这是由于社区过于庞大,需要在线提供教程过多,有时会让部分用户迷茫。另外,Blender不仅仅是3D设计造型,它允许用户研究甚至创作自己动画,使用Blender创建的一些动画甚至会让Pixar的顶级设计师脸红。总体来看,Blender社区非常强大,令人印象深刻。

    开源:是

    网址:https://www.blender.org

    2、OpenSCAD

    OpenSCAD是一款基于命令行的3D建模软件,可以产生CSG文件,特长是制作实心3D 模型。支持跨平台操作系统, 包括Linux、Mac和Windows。

    开源:是

    网址:http://www.openscad.org

    3、Art of Illusion

    免费,开源的3D模型和渲染软件。亮点包括细分曲面模型工具,骨骼动画和图形语言。尽管缺点也很突出, Art of Illusion是在RepRap开源社区使用最广泛的3D建模软件。完全采用Java开发,拥有与同类型商业软件相同的功能。

    开源:是

    网址:http://www.artofillusion.org/

    4、FreeCAD

    FreeCAD是来自法国Matra Datavision公司的一款开源免费3D CAD软件, 基于CAD / CAM / CAE几何模型核心,是一个功能化、参数化的建模工具。FreeCAD的直接用户目标是机械工程、产品设计,当然也适合工程行业内的其他广大用户,比如建筑或者其他特殊工程行业。

    开源:是

    网址:https://www.freecadweb.org/

    5、Wings3D

    Wings 3D是一个开源免费的3D建模软件,适合创建细分曲面模型。容易学习,功能强大。Wings 3D的名字来源于它用于存储坐标系和临近数据所使用的翼边数据结构。支持多种操作系统,包括Linux、Mac和Windows。

    开源:是

    网址:http://www.wings3d.com/

    6、BRL-CAD

    BRL-CAD是一款强大的跨平台开源实体几何(CSG) 构造和实体模型计算机辅助设计(CAD) 系统。BBRL-CAD包含有一个交互式的几何编辑器,光学跟踪支持图形着色和几何分析,计算机网络分布式帧缓存支持,图像处理和信号处理工具, 可以进行几何编辑、几何分析,支持分布式网络,可以进行图像处理和信号处理。

    开源:是

    网址:http://brlcad.org/

    7、MeshMixer

    MeshMixer是一个3D模型工具,也是Autodesk公司的产品。它能够通过混合现有的网格来创建3D模型,支持Windows和Mac OS X系统。如果你想制作一些类似“牛头马面”的疯狂混合3D模型,这是个简单直接的办法。

    开源:否。免费

    网址:http://www.meshmixer.com/

    8、MeshLab

    MeshLab是3D发展和数据处理领域非常著名的软件是一个开源、可移植和可扩展的三维几何处理系统。它可以帮助用户处理在3D扫描捕捉时产生的典型无特定结构的模型,还为用户提供了一系列工具编辑,清洗,筛选和渲染大型结构的三维三角网格(典型三维扫描网格), 该系统依靠了网格处理任务GPL的心向量图库。该系统发布于2005年年底。

    开源:是

    网址:http://www.meshlab.net/

    9、SketchUp(草图大师)

    SketchUp是谷歌Google的一个免费交互式的3D模型程序,不仅适合高级用户,也适合初学者。上手非常容易,但是缺失一些高级功能。

    ketchup是一套直接面向设计方案创作过程的设计工具,其创作过程不仅能够充分表达设计师的思想而且完全满足与客户即时交流的需要,它使得设计师可以直接在电脑上进行十分直观的构思,是三维建筑设计方案创作的优秀工具。是一个极受欢迎并且易于使用的3D设计软件,官方网站将它比喻作电子设计中的“铅笔”。它的主要卖点就是使用简便,人人都可以快速上手。并且用户可以将使用SketchUp创建的3D模型直接输出至Google Earth里,非常的酷!@Last Software公司成立于2000年,规模较小,但却以SketchUp而闻名。

    开源:否。免费

    网址:https://www.sketchup.com/

    10、Autodesk 123D

    Autodesk 123D是欧特克公司的产品,是一个免费3D模型软件,你可以使用一些简单的图形来设计、创建、编辑三维模型,或者在一个已有的模型上进行修改。目前只支持Windows系统。 用户只需要简单拍摄几张物体照片,它就能自动生成3D模型,并能通过Autodesk将3D模型制作成实物。

    开源:否。免费

    网址:https://www.autodesk.com/solutions/123d-apps

    11、Sculptris

    Sculptris是款免付的3D雕刻软件,小巧却强大,让艺术家只需要简单地专注于创作惊人的3 D艺术品。。用户可以像玩橡皮泥一样,拉,捏,推,扭等做一切可以对橡皮泥做的事。如果你是数字雕塑世界的新手、Sculptris是理想的入门平台。相反,如果你拥有丰富的CG行业经验,你将发现在Sculptris中可以快速爆发的方式去实现你的概念。它具有直观、好玩和友好的用户感受,所以作为艺术家可以集中全部精力进行创作。

    开源:否。免费

    网址:http://pixologic.com/sculptris/

    12、K-3D

    K-3D是基于GNU/Linux和Win32的一个三维建模、动画和绘制系统,是一款免费、开放原始码的 3D 模型和动画制作与渲染(rendering) 工具,它强大的功能可以满足专业人士的需求。它可以创建和编辑 3D 几何图形,提供极具弹性的面向对象的插件增强功能及以节点作基础的可视化管线架构,所有参数和选项的调整,都会立即显现结果,而且可以无限次数地复原与取消复原。此外,它使用与 RenderMan 相符的渲染引擎 (render engine),可创作出电影质量的 3D 动画。

     

    开源:是

    网址:http://www.k-3d.org/
     

    展开全文
  • 就继续写篇有关CSS 3D的文章。算是上一篇的补充吧。>>戳这里看上一篇<< 先看效果: 对,就是做一个类似翻牌的效果。有没有当皇帝,翻妃子牌的感觉?呃。。偏题了。。。 这里用到的主要技术就是上一...

    最近突然( ̄︶ ̄)↗ 涨了20几个粉丝,开心。

    加上今天把重(gai)要(si)的工作完成了,更开心了。

    就继续写篇有关CSS 3D的文章。算是上一篇的补充吧。>>戳这里看上一篇<<

    先看效果:

    对,就是做一个类似翻牌的效果。有没有当皇帝,翻妃子牌的感觉?呃。。偏题了。。。

    这里用到的主要技术就是上一篇提到的:

    transform 变化,perspective 透视,transition 过渡动画,以及 伪标签

    HTML结构:

    <div class="box">
         <div class="box_img">
             <img src="images/meinv.png" width="242" height="309" alt="">
         </div>
        <div class="box_info">
            <a href="#">
                <span>查看详细</span>
            </a>
        </div>
    </div>

    一个大box,里包裹了两部分内容。考虑到结构拓展的需要,这两部分,我都使用了div标签。

    CSS

    a{
        text-decoration: none;
    }
    .box{
        margin-left: auto;
        margin-right: auto;
        margin-top: 100px;
    
        position: relative;  /* 相对定位 */
        width: 242px;
        height: 300px;
        perspective: 500px;
    }
    .box_img,
    .box_info{
        position: absolute;  /* 绝对定位,让正反面能叠在一起 */
        left: 0;
        right:0;
        top: 0;
        bottom:0;
        transition: all 1s;
        backface-visibility: hidden;  /* 关键样式:标签翻转后,背部不可见! */
    }
    .box_img{
        z-index: 10;  /* 关键样式:把图片部分的层级提高,否则 反面的按钮文字translate后,会穿透过来。 */
    }
    
    
    .box_info a{
        display: block;
        height: 100%;
        width: 100%;
        text-align: center;
        background: #440fe2;
        color: #fff;
    }
    
    .box_info{
        transform: rotateY(-180deg);   /*把文字翻过来,-180deg,背部对着我们*/
        transform-style: preserve-3d;  /* 让子标签的变形有3d感
                                         这里主要是 span 标签 */
    }
    
    .box_info  span{
        top: 50%;
        left: 50%;
        width: 120px;
        height: 40px;
        margin-top: -40px;
        margin-left: -60px;
        line-height: 40px;
        display: block;
        font-size: 16px;
        border-radius: 5px;
        background: #FF6600;
        position: absolute;
        transition:all 0.5s;
        transform: translateZ(50px);  /* 让按钮文字有立体感,让它离开蓝色背景 */
        transform-style: preserve-3d;  /* 让子标签的变形有3d感
                                       这里主要是 :after 伪标签*/
    }
    .box_info  span:after{
        content: "";
        top: 50%;
        left: 50%;
        width: 120px;
        height: 40px;
        margin-top: -40px;
        line-height: 40px;
        display: block;
        font-size: 16px;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
        box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
        transform: translateZ(-50px);  /* 让投影贴在蓝色背景上 */
    }
    
    /* 当鼠标移动到 box 上的时候 :*/
    .box:hover .box_img{
                                     /* box_info 之前是翻转了 -180deg */
        transform: rotateY(180deg);   /* 一个正方向,一个就为负方向*/
    }
    .box:hover .box_info{         /* 把背面摆正 */
        transform: rotateY(0deg);
    }
    .box_info a:active span{
        transform: translateZ(0);  /*超链接按下,span回到初始位置*/
    }

    因为有了注释,这里就不分析了。各位看官,有问题,可以留言。

    啰嗦一个 样式:

    backface-visibility :hidden;

       主要配合 transform的 rotate 翻转 使用。 当背面朝我们的时候,背面不可见。

     

    展开全文
  • 推荐三款强大的有3D效果的js图表库

    千次阅读 2019-03-12 13:03:53
    1:highcharts——3D和2D 2:ichartsjs——3D和2D 3:echarts——3d-2d 1:highcharts——3D和2D https://www.highcharts.com.cn/ 2:ichartsjs——3D和2D http://www.ichartjs.com/samples/index.html ...
    展开全文
  • 以后工作要做自动驾驶环境感知了,从今天开始更新3D目标检测相关的论文综述,刚把爹! 摘要:本文提出MV3D,能够融合LIDAR和RGB图像信息以预测有向3D边界框。MV3D将点云用多视角(multi-view)表征,模型包括两个子...
  • aaa3D Detection新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个...
  • Demo3D是由英国 Emulate3D 公司开发的高逼真度物流系统动画、仿真、控制平台,开创物流系统辅助工具的新标杆,帮助企业以低成本高效率提升四个核心环节的成功率。 目录 1 用途简介 2 性能介绍 用途简介编辑 销售...
  • 8款超级好用的3D建模软件上下篇

    千次阅读 2020-05-14 12:52:52
    做出一个好作品,不但要靠自身的技巧水平,选择适合自己的3D建模软件也是一个很重要的因素。 所以小编今天就给大家安利8款好用的3D建模软件。无论你是一个0基础的初阶学者,还是想提升自己水平的进阶从业者/爱好者...
  • 初音3d模型

    2015-06-06 01:16:37
    我喜欢的初音3d全息投影模型,希望大家可以喜欢它
  • 我亲测好用的最新版3dmax2020(64位)软件下载地址: 链接:https://pan.baidu.com/s/1_mBwYZhhGb8h7DOzfSzQtg 提取码:18ck 一、安装视频教程 https://v.qq.com/x/page/r0857b6n22y.html 观看1080P高清蓝光更清晰:...
  • 3DMAX 作业

    热门讨论 2011-12-10 09:17:49
    大学3DMAX的期末作业。两个小制作,都是3DMAX的源文件。
  • Autodesk 3dmax2018软件下载3dmax2018安装激活教程(中文完整版) 这是我自己安装好注册激活之后用了几天,发现无论是界面、功能、使用效果都非常方便,这么好的方便,不能藏着掖着,所以我决定分享出来,你可以和我...
  • 汉化3Dmax2008或3Dmax2009菜单汉化插件.rar,真正的双语同时显示菜单,非常的酷!
  • 3DMAX好学吗?如何学习3DMAX

    千次阅读 2019-04-30 16:14:15
    3DMAX好学吗? 3DMAX相比其他软件操作命令要多一些,这可能是所谓“难”学的原因,但3DMAX是一个从事有趣工作的软件,众繁的功能命令,使这个软件变得无比强大,这样的“难”其实更增加了使用者的兴趣。另外,难和...
  • 现在随着社会不断发展,很多人都开始学会投资自己了,有人开始自学3Dmax,那么对于初学者新手而言用哪个3Dmax好呢?用哪个3Dmax版稳定点?下面我们就来看下答案吧。 新手用哪个3Dmax版本好? 安装3Dmax版本的高低要看...
  • 3dmax 动作库(多种简单动作)

    热门讨论 2010-06-19 19:01:19
    搜集到的关于3dmax的动作库。适用于Biped的多种动作,有可爱的溜冰动作,还有打拳动作等等,对于初学者有一定的帮助。
  • Unity3D学习笔记(2)Unity3D与3DMax结合开发注意事项 单位:比例统一 在建模型前先设置好单位,在同一场景中会用到的模型的单位设置必须一样,模型与模型之间的比例要正确,和程序的导入单位一致,即便到程序...
  • 3dmax 作品源文件2分钟

    热门讨论 2011-12-21 21:01:45
    3dmax 作品源文件2分钟,期末作品 作业
  • 3D MAX插件大全介绍

    千次阅读 2012-08-26 20:49:25
    3D MAX插件大全介绍 ***好的插件可以达到事半功倍的效果,但装多了会吃不消的呀,呵呵,以下是一些插件的介绍,大家有空可以看看: MAXMATTER印刷特效 Atomizer喷雾器特效 Pandora潘朵拉特效 Bones Pro MAX骨骼...

空空如也

1 2 3 4 5 ... 20
收藏数 681,709
精华内容 272,683
关键字:

3d