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

Question

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

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

我正在尝试向这些转换属性添加一个 translateZ(通过 javascript)。

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

有没有简单的方法来完成这个？

(作为一种解决方法，我考虑过使用 transform-origin 但如果可能的话我宁愿避免使用)

Answer 1

只要您尝试只执行一次，您就可以像这样连接这些字符串

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

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