jquery - 如何仅使用多个功能更改CSS变换属性的一个功能？

我有div，css如下

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

现在，我想使用jquery将transform属性更改为

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

如果我用

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

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

最佳答案

<div class="container remove"></div>

.container {
    width: 100%;
    height: 100%;
    transition: 0.5s;
    transform-style: preserve-3d;
}

.add{
transfrom: rotateY(-40deg) translateZ(-404.747px);
}

.remove{
transform: rotateY(0deg) translateZ(-404.747px);
}

$('.container').removeclass('remove');
$('.container').addclass('add');

关于jquery - 如何仅使用多个功能更改CSS变换属性的一个功能？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27667285/