如何用/多个函数只改变CSS转换属性的一个函数？

Question

我有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)');

然后＆＃39; translateZ（-404.747px）＆＃39;将再次采取行动。 所以，我的问题是如何更改rotateY（）的值，而不更改＆＃39; translateZ（）＆＃39; ？

Answer 1

只是把它放在风格attr！

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

Answer 2

<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');