# 3dtutorial

> A book

Latest version **1.0.0** (published 2018-05-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install 3dtutorial
pnpm add 3dtutorial
yarn add 3dtutorial
bun add 3dtutorial
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-05-08 |
| First published | 2018-05-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 59 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | PengJiyuan |
| Maintainers | pjy |

## Links

- npm: https://www.npmjs.com/package/3dtutorial
- Repository: https://github.com/orzjs/3DTutorial
- Homepage: https://github.com/orzjs/3DTutorial#readme
- Issues: https://github.com/orzjs/3DTutorial/issues
- npm.io page: https://npm.io/package/3dtutorial

## Recent versions

- 1.0.0 (latest) — 2018-05-08

## README

# CSS33D    

## 需要知道的属性:

|属性名称|作用|
|---|---|
|transform|向元素应用 2D 或 3D 转换|
|transform-origin|允许你改变被转换元素的位置|
|transform-style|规定被嵌套元素如何在 3D 空间中显示|
|perspective|规定 3D 元素的透视效果|
|perspective-origin|规定 3D 元素的底部位|
|backface-visibility|定义元素在不面对屏幕时是否可见|

__transform的属性：__    

|属性名称|作用|
|---|---|
|translate3d(x,y,z)|定义在x轴y轴z轴上的转换|
|scale3d(x,y,z)|定义在x轴y轴z轴上的 3D 缩放转换|
|rotate3d(x,y,z,angle)|定义在x轴y轴z轴上的 3D 旋转|
|skew(x-angle,y-angle)|定义沿着 X 和 Y 轴的 2D 倾斜转换|
|perspective(n)|为 3D 转换元素定义透视视图|

**tip: 操作多个属性的都可以分解成操作单一属性的。**     
**如：translate3d(x,y,z) ---- translateX(x)  translateY(y)  translateZ(z)**

---
_Source: https://npm.io/package/3dtutorial · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._