使用Tridiv轻松创建CSS 3D形状
在本文中，我们将介绍Tridiv ，这是一个免费的Web应用程序，可轻松创建CSS 3D形状 。
如果是这样，则您可能熟悉WebGL （Web图形库），这是一个JavaScript API，旨在在不使用插件的情况下在Web浏览器上呈现3D和2D图形 。
您曾经在网络上使用3D吗？
它基于流行的库（例如Animate.css ， Hint.css ，PrefixFree，Photon，Mousetrap等） 构建 。
如果您熟悉Blender ，它是最流行的桌面3D建模应用程序之一，那么Tridiv是适用于Web的应用程序。
总览
我们希望它会很快出现在Firefox中。
不幸的是，此应用仅适用于基于Webkit的浏览器，这意味着它仅在Chrome，Safari和Opera 15+ 上受支持 。
数字越高，难度就越大。
如您所见， 难度级别取决于 有 多少个形状和面 。
为了让您入门，Tridiv附带了三种类型的3D形状。
您可以在“编辑器”模式下创建形状，然后使用“预览”模式下可用的许多工具对其进行充实。
在Tridiv中，有两个主页： Editor和Preview 。
然后，您将被带到“ 编辑器”页面 。
要查看其中的内容，让我们首先加载iPhone 4S的基本形状。
与编辑一起工作
在不同的面板内，您可以旋转，编辑，复制和删除形状。
该界面从顶视图，正视图和侧视图向您显示形状的角度。
所有工具仅位于右侧和顶部，Tridiv专注于四面板界面编辑器。
乍一看，“编辑器”页面看起来像Blender的简化版本。
保存的文档将来可以与“打开项目”功能一起使用。
保存项目时，该项目将存储在本地计算机上。
在页面的右上角，有项目管理控件可以重命名，保存，打开和创建新项目。
使用正确的形状组合并使用“移动和编辑”选择工具进行编辑，您可以创建所需的形状。
要创建一个很酷的3D对象，您应该使用所有不同的形状：长方体，圆柱体，棱镜和金字塔。
形状创建的主要功能位于项目管理控件的旁边。
选择添加的形状后，将展示这些的更多选项。
文档右侧提供了其他设置，例如“文档”和“形状”属性以及样式。
预览模式
您无法在此处进行编辑， 只能修改形状以使其完美适合您的网站。
您可以在预览模式下完成设计。
只需将代码复制并粘贴到您的网站上即可。
如果您想展示设计，可以在首页上找到嵌入代码。
所有使形状精美的工具都位于右侧面板上，您可以添加照明，边框和更改背景颜色 。
您也可以在Tridiv或CodePen上编辑代码。
在编辑时，Tridiv还会在生成时生成HTML和CSS，使您可以使用不带iframe的形状。
最后的想法
尽管如此，它仍然是一个令人惊奇且有用的应用程序，仅由一个人Julian Garnier掌控 。
需要花费一些时间来了解如何使用该工具。
但是， 当前 缺少文档和教程 。
实际上，到目前为止，Tridiv是Web上唯一功能强大CSS 3D编辑器应用程序。
那么，告诉我们您将使用此工具构建什么？
利用Tridiv的一种好方法是创建动画徽标，例如在其登录页面上看到的徽标以及简单的UI元素。