私は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()の値を変更するにはどうすればよいですか?
<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');
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加