====== 差别 ======
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
|
css3d_盒子 [2021/12/21 15:36] 若愚 |
css3d_盒子 [2021/12/21 15:38] 若愚 |
||
|---|---|---|---|
| 行 1: | 行 1: | ||
| + | # CSS 3D 转换 | ||
| ## 盒子 | ## 盒子 | ||
| + | |||
| + | ###### 目录 | ||
| + | - [介绍](CSS3D/ | ||
| + | - [透视](CSS3D/ | ||
| + | - [3D transform 函数](CSS3D/ | ||
| + | - [卡片翻转](CSS3D/ | ||
| + | - [立方体](CSS3D/ | ||
| + | - **[盒子](CSS3D/ | ||
| + | - [旋转木马](CSS3D/ | ||
| + | - [总结](CSS3D/ | ||
| + | - [返回列表](document/ | ||
| + | |||
| 立方体对象很容易生成，因为我们只需要担心一个度量。但是我们将如何处理一个不规则的直角立方体呢？举个例子，让我们尝试制作一个 300px 宽、200px 高和 100px 深的盒子。 | 立方体对象很容易生成，因为我们只需要担心一个度量。但是我们将如何处理一个不规则的直角立方体呢？举个例子，让我们尝试制作一个 300px 宽、200px 高和 100px 深的盒子。 | ||
| HTML结构依旧保持不变。 | HTML结构依旧保持不变。 | ||
| - | |||
| ```html | ```html | ||
| <div class=" | <div class=" | ||
| 行 18: | 行 30: | ||
| 同为立方体，但宽高和深度改变，` width: 300px`，`height: | 同为立方体，但宽高和深度改变，` width: 300px`，`height: | ||
| - | ``` | + | ```css |
| .scene { | .scene { | ||
| width: 300px; | width: 300px; | ||
若愚 · 2021/12/21 15:38 · css3d_盒子.txt
