我有不同的元素,每个元素都有不同的变换属性,
.one{transform: rotateY(10deg)}
.two{transform: rotateY(20deg)}
//etc.
我正在尝试向这些转换属性添加一个 translateZ(通过 javascript)。
正如预期的那样,添加这样的值会自动覆盖预先存在的属性。
有没有简单的方法来完成这个?
(作为一种解决方法,我考虑过使用 transform-origin
但如果可能的话我宁愿避免使用)
最佳答案
只要您尝试只执行一次,您就可以像这样连接这些字符串
newTransform = element.style.getPropertyValue("transform") + "translateZ(..px)"
如果您尝试多次执行此操作,则需要检查并可能替换您的样式字符串中是否已经存在 translateZ
值。
关于javascript - 不使用 js 覆盖 css 转换样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27899110/