jquery - 如何仅更改具有多个功能的 CSS 转换属性的一个功能？

Question

我有div，css如下所示

.container {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    transform-style: preserve-3d; 
    transform: rotateY(0deg) translateZ(-404.747px);
}

现在，我想使用 jQuery 将转换属性更改为

transfrom: rotateY(-40deg) translateZ(-404.747px);

如果我用

$('.container').css('transform', 'rotateY(-40deg) translateZ(-404.747px)');

然后 'translateZ(-404.747px)' 将再次采取行动。 所以，我的问题是如何在不更改“translateZ()”的情况下更改 rotateY() 的值？

Answer 1

只需将它放入样式属性中即可!

$('.container').css('transform', 'rotateY(-40deg)');