不使用js覆盖css转换样式？

Question

我有不同的元素，每个元素都有不同的转换属性，

.one{transform: rotateY(10deg)}
.two{transform: rotateY(20deg)}
 //etc.

我尝试将translateZ（通过javascript）添加到这些转换属性中。

正如预期的那样，添加这样的值会自动覆盖预先存在的属性。

有没有简单的方法来完成这项工作？

（作为一种解决方法，我考虑过使用transform-origin但我宁愿避免使用{{1}}

Answer 1

只要您尝试这样做，只需将这些字符串连接起来就像

一样

newTransform = element.style.getPropertyValue("transform") + "translateZ(..px)"

如果您尝试多次执行此操作，则需要检查并在样式字符串中替换，如果已经有translateZ值。