CSS在线开发手册

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

浏览器支持

目前只有Firefox浏览器支持 transform-style 属性

Chrome 和 Safari 通过私有属性-webkit-transform-style 支持.

属性定义及使用说明

transform--style属性指定嵌套元素是怎样在三维空间中呈现。

注意： 使用此属性必须先使用 transform 属性.

Safari/Chrome用户：为了更好地理解transform--style属性，请查看实例 演示.

语法

transform-style: flat|preserve-3d;