在线的CSS 3D Web图形编辑器 -- Tridiv【css 3D】

最新推荐文章于 2024-06-24 09:35:07 发布
最新推荐文章于 2024-06-24 09:35:07 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： web前端 文章标签： css 3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dong123dddd/article/details/52690264
版权

css 网站分享系列

利用最新的CSS技术，配合支持的浏览器，你可以轻松的在线创建、浏览并保存管理Web 3D图像。Tridiv是一个基于 Web 的免费编辑器，使用 CSS 创建 3D 图像，直观且容易操作，不需要多余的教程即可轻松上手，并且可基于Local Storage保存管理你创建的3D图像。

网站标语：Making 3D in CSS has never been easier

网站地址：http://tridiv.com/

网站有些几何图形相关事例，也有比较复杂的iphone 4的事例，虽然某些角度看起来比较粗糙，但是作为一款css实现的方式，能如此解决也不失为一种好的方法。

网站页面也很有风格

这里写图片描述

MR_Teen
关注
专栏目录
10个有用的css编辑网站
u011269322的博客
11-01 3934
阴影 形状 动画 渐变 波形生成器 网格生成器 icon图标
3d场景编辑器
01-29
3d场景编辑器---名称：Converse3D
**CSS形状编辑器：互动式造型设计神器**
最新发布
gitblog_00037的博客
06-24 290
CSS形状编辑器：互动式造型设计神器 项目地址:https://gitcode.com/adobe-webplatform/css-shapes-editor 在网页设计的世界里，CSS是塑造视觉风格的基石，而CSS Shapes则为这个基石添加了无限可能，让设计师能够创造出更加生动和复杂的页面布局。今天，我要向大家介绍的是一个令人兴奋的开源项目——CSS Shapes Editor，它将改变你对...
Web端免费开源三维场景编辑器Shadow Editor v0.0.7
10-10
名称：Shadow Editor 版本：v0.0.7（开发中） 说明：基于three.js的免费开源场景编辑器。 源码：https://github.com/tengge1/ShadowEditor 功能： 1. 3D场景在线编辑。 2. 内置多种几何体、光源，场景支持雾效、影子、反光、背景图片等。 3. 支持导入多种不同格式的3D模型。 4. 服务端使用MongoDB保存模型和场景数据。 5. 可视化修改场景、相机、几何体、材质、音频播放器、粒子发射器等属性。 6. js脚本、着色器脚本在线编辑，带智能提示。 7. 自带播放器，实时演示场景动态效果。 8. 支持补间动画、骨骼动画、粒子动画，支持mmd动画，支持lmesh动画。
踏得网发布轻量级网页3D编辑器Stone，可用于快速制作沉浸式网页应用
陈小峰（iefreer）的专栏
10-09 2216
从表现形态上来看，互联网已经走过了3个大的阶段。 第一个阶段是简单文本信息的分享，源于学术之间文档的共享需求，然后普及到普通用户对于新闻获取和知识搜索方面的需求。 第二个阶段是富媒体交互，在这个阶段网页的内容不再局限于文本，而是图文并茂、乃至音频视频动画。而在交互上也不只是被动的接收，而有了更多的交互和动效，这使得电商等众多网页应用和网页游戏成为可能。 第三个阶段是信息载体的变化，从桌面走向了移动，催生了移动互联网时代。 而现在互联网内容将走入第四个关键的阶段，即沉浸式互联网时代。 沉浸式互联网和
【CSS选择器】图形编辑
akisi的博客
12-02 524
首先准备好编写的一个HTMl文件——index.html和要建立链接文件style.css 内容如下： <html> <head> <title>摆弄形状</title> <!-- 我们应该在此<head>标记中链接什么文件? --> <link rel="stylesheet" href="./assets/css/style.css"> </head> <body&gt
Web在线3D编辑器-全场景编辑全新功能升级
ALLENJIAO的专栏
01-10 8150
在线编辑器采用了在线互动三维引擎技术，为用户提供了快速场景搭建能力， 使用户得以零基础、低门槛、低成本地在数字化世界中，搭建一个真实世界的仿真场景。
css【3D旋转相册】-源码--超级简单
preserveXing的博客
03-11 2343
** css【3D旋转相册】-源码–超级简单 ** css *{ margin: 0; padding: 0; } body{ min-height: 100vh; overflow: hidden; background-color: #333; perspective: 1200px; } .continent{ transform-style: preserve-3d; position: absolute; top: 0
3D-css-transform.zip
09-17
3D-css-transform.zip,css转换操场。可视化二维和三维css3转换功能的在线工具。,3D建模使用专门的软件来创建物理对象的数字模型。它是3D计算机图形的一个方面，用于视频游戏，3D打印和VR，以及其他应用程序。
html+js+css, 编写高质量代码-web前端开发修炼之道-源代码
09-16
html+js+css, 编写高质量代码-web前端开发修炼之道-源代码 本书的核心内容是围绕Web 前端开发的三大技术要素——HTML、CSS 和JavaScript 来深入地 探讨编写高质量的HTML 代码、CSS 代码和JavaScript 代码的方法、...
ace-editor代码编辑器实现与如何格式化编辑器中的代码(支持SQL/Java/JS/CSS/HTML/JSON/XML)
张音乐的博客
10-24 2626
效果图展示,只展示了SQL和JAVA代码的格式化 ,其他的 JS/CSS/HTML/JSON/XML 也都支持 需要引入依赖 /** 代码编辑器 **/ cnpm install --save vue2-ace-editor /** sql格式刷 **/ cnpm install --save sql-formatter@2.3.3 /** CSS / JS /JAVA /JSON /HTML/ XML格式刷 **/ cnpm install --save beautify <te.
纯CSS3实现的3D小球动画在线演示
06-12
JS+CSS3实现的立体式小球落地跳动特效，效果很逼真，一直不断的重复着
在线动态几何编辑器GeometryEditor.zip
07-19
基于AngularJS和JSXGraph的在线动态几何前端应用，实现了交互式绘图、属性修改、图形选择界面。 在线预览:  rhcad.com(阿里云) 或 GitHub Pages    特性： 支持多种设备(含iOS/Android)、跨浏览器（含IE9 ） 自动捕捉顶点、中点、交点、垂足、线上点、平行线 交互式绘制多种图形，类似于几何画板 支持多语言（中文，英语） 灵活的设计结构 使用的主要框架： angular：系统架构 angular-ui-router：状态路由 bootstrap、angular-strap、font-awesome：界面组件 angular-translate：多语言 angular-local-storage：本地存储 jsxgraph：动态几何图形框架
HT编辑器（含linux及windows平台）
08-23
ht-2.0.20.tar.bz2+ht-2.0.20.tar.gz+ht-2.0.20-win32.exe
css 网页整体缩小_css实现缩放自适应网页--手机web
weixin_33110093的博客
02-01 8007
一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比 例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的100%。 对于viewport属性，我是真正在接触...
web图形编辑器
fxzcollege的专栏
01-22 833
1.概述新的WTP2.0带了一个叫做WebPageEditor的编辑器，打开一开，不得了，是带图型的编辑器耶～～既然有了这个功能，那它肯定有扩展机制，能够让我们把自己的Taglib标签通过该编辑器的图形功能显示出来。注意：此文认为阅读者都已经具备了最基本的Eclipse Plugin开发能力。示例项目下载2.如何扩展WebPageEditor的如何工作的倪？其实它的工作原理很简单。首先它支持了对...
[web3d] | 示例代码编辑器
啊嘞嘞的博客
04-30 1171
之前做的一些示例只能看看没有在线编辑的功能，重新整理弄一个示例编辑器，后续完善一下发布。
用CSS和JS打造一个简单的图片编辑器
weixin_34163741的博客
07-20 147
原文来自：https://jellybool.com/post/build-a-simple-image-editor-with-css-js demo: https://jellybool.com/demo/image-editor 效果图： 本文主要是利用CSS的 filter和简单的Jquery代码来实现一个简单的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值