如何运用CSS3 transform-style 属性-趣百科

如何运用CSS3 transform-style 属性

编辑：Simone 2025-04-25 14:57:45 556 阅读

如何运用CSS3 transform-style 属性

这个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

如何运用CSS3 transform-style 属性

相关推荐