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

最新推荐文章于 2024-09-30 10:43:50 发布
最新推荐文章于 2024-09-30 10:43:50 发布
阅读量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
关注
专栏目录
ace-editor代码编辑器实现与如何格式化编辑器中的代码(支持SQL/Java/JS/CSS/HTML/JSON/XML)
张音乐的博客
10-24 2679
效果图展示,只展示了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.
3d场景编辑器
01-29
3d场景编辑器---名称：Converse3D
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动画。
SpringBoot学习笔记（3）Restful服务和Swagger
最新发布
m0_58970439的博客
09-30 1049
RESTful是目前流行的互联网软件服务架构设计风格。表述性状态转移）一词是由RoyThomas Fielding在2000年的博士论文中提出的，它定义了互联网软件服务的架构原则，如果一个架构符合REST原则，则称之为RESTful架构。REST并不是一个标准，它更像一组客户端和服务端交互时的架构理念和设计原则，基于这种架构理念和设计原则的Web API更加简洁，更有层次。
踏得网发布轻量级网页3D编辑器Stone，可用于快速制作沉浸式网页应用
陈小峰（iefreer）的专栏
10-09 2240
从表现形态上来看，互联网已经走过了3个大的阶段。 第一个阶段是简单文本信息的分享，源于学术之间文档的共享需求，然后普及到普通用户对于新闻获取和知识搜索方面的需求。 第二个阶段是富媒体交互，在这个阶段网页的内容不再局限于文本，而是图文并茂、乃至音频视频动画。而在交互上也不只是被动的接收，而有了更多的交互和动效，这使得电商等众多网页应用和网页游戏成为可能。 第三个阶段是信息载体的变化，从桌面走向了移动，催生了移动互联网时代。 而现在互联网内容将走入第四个关键的阶段，即沉浸式互联网时代。 沉浸式互联网和
【CSS选择器】图形编辑
akisi的博客
12-02 529
首先准备好编写的一个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 8279
在线编辑器采用了在线互动三维引擎技术，为用户提供了快速场景搭建能力， 使用户得以零基础、低门槛、低成本地在数字化世界中，搭建一个真实世界的仿真场景。
css【3D旋转相册】-源码--超级简单
preserveXing的博客
03-11 2368
** 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 代码的方法、...
uniapp - 报错Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users:http
高级前端工程师
07-24 2948
uniapp，vue2，vue3，报错，运行报错，启动失败，无法启动，Syntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users:https://github.com/postcss，vue，命令行创建，cli，更新PostCSS或降级此插件，将autoprefixer的版本更改还是报错，版本升级了还是报错，版本降了依旧有错误，PostCSS，uniApp启动报错，如何解
纯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
C3D2017部件编辑器汉化版
07-08
用于在CIVIL3D2017里面创建道路，挡墙，水利等，创建复杂横断面的部件编辑器，
web图形编辑器
fxzcollege的专栏
01-22 846
1.概述新的WTP2.0带了一个叫做WebPageEditor的编辑器，打开一开，不得了，是带图型的编辑器耶～～既然有了这个功能，那它肯定有扩展机制，能够让我们把自己的Taglib标签通过该编辑器的图形功能显示出来。注意：此文认为阅读者都已经具备了最基本的Eclipse Plugin开发能力。示例项目下载2.如何扩展WebPageEditor的如何工作的倪？其实它的工作原理很简单。首先它支持了对...
[web3d] | 示例代码编辑器
啊嘞嘞的博客
04-30 1187
之前做的一些示例只能看看没有在线编辑的功能，重新整理弄一个示例编辑器，后续完善一下发布。
用CSS和JS打造一个简单的图片编辑器
weixin_34163741的博客
07-20 154
原文来自：https://jellybool.com/post/build-a-simple-image-editor-with-css-js demo: https://jellybool.com/demo/image-editor 效果图： 本文主要是利用CSS的 filter和简单的Jquery代码来实现一个简单的...
3维图像处理的新星--Open3D（实操过程持续更新ing....
Liyyeee的博客
12-02 2081
点云处理的新星–Open3D（实操过程持续更新ing… 本人使用的是python版本噢：） 1.官网功能介绍及例程 http://www.open3d.org/docs/release/tutorial/geometry/index.html 也可以参考这位朋友整理的Open3D算法资料： https://blog.csdn.net/qq_40985985/article/details/108715871?utm_medium=distribute.pc_relevant.none-task-blog-
CSS3 clip-path详解与图形创建实战
"本文详细介绍了CSS3中的clip-path属性的使用，包括如何创建各种形状的示例，适合需要学习和理解这一特性的开发者参考。" 在CSS3中，`clip-path`是一个非常有用的属性，用于裁剪元素显示的部分，通过定义一个路径来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值