CSS3 transform-style 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS3 transform-style 属性

CSS 参考手册

## 实例

使被转换的子元素保留其 3D 转换：

    div
    {
    transform: rotateY(60deg);
    transform-style: preserve-3d;
    -webkit-transform: rotateY(60deg);	/* Safari 和 Chrome */
    -webkit-transform-style: preserve-3d;	/* Safari 和 Chrome */
    }

亲自试一试

## 浏览器支持

IE | Firefox | Chrome | Safari | Opera
--- | --- | --- | --- | ---

Firefox 支持 transform-style 属性。

Chrome、Safari 和 Opera 支持替代的 -webkit-transform-style 属性。

## 定义和用法

transform-style 属性规定如何在 3D 空间中呈现被嵌套的元素。

注释：该属性必须与 transform 属性一同使用。

默认值： | flat
继承性： | no
版本： | CSS3
JavaScript 语法： | object.style.transformStyle="preserve-3d"

## 语法

    transform-style: flat|preserve-3d;

值 | 描述
--- | ---
flat | 子元素将不保留其 3D 位置。
preserve-3d | 子元素将保留其 3D 位置。

CSS 参考手册