
这个transform-style 代码就是表达了一个嵌套的意思,当网页中有元素处于这样的一个状态的时候,这个代码就可以大显身手了。
代码实例。从实例我们可以看出来,这个transform-style 也要与transform:rotate代码一起结合使用才行。
div{transform: rotateY(60deg);transform-style: preserve-3d;-webkit-transform: rotateY(60deg); /* Safari 和 Chrome */-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */}
通过上一步的代码实例来看,transform-style 在 safari 与 chrome中要加一个-webkit 在 firefox中则不需要。
transform-style 的用法。它的默认值为 flat . 它的继承性 为 no 它的版本为CSS3
java 用法。object.style.transformStyle="preserve-3d"
这个代码也是一个赋值的过程。
语法。transform-style: flat|preserve-3d; 从语法来看,transform-style有两个不同的参数值。
相关的代码。与之相关的代码有transform-origin 还有transform
