jquery - translateZ をアニメーション化する jQuery 構文

Question

.scrollerCSSクラスを使用して div を設定しました。

.scroller {
    position: relative;
    perspective: 150;
    -webkit-perspective: 150;
}

translateZ深さをシミュレートする、jQuery によって設定されたプロパティを持つ div が含まれています。それはすべてうまくいきます。

今やりたいことは、Z プロパティをある値から別の値にアニメーション化することですが、正しい構文が見つからないようです。コンソールに「予期しない識別子」エラーが表示され続けます。スピーチマークとアポストロフィのさまざまな組み合わせの中で、私が試したのは次のとおりです。

$('#artist' + scrollerCounter).animate({-webkit-transform: translateZ(-40px), transform: translateZ(-40px)}, 1000);

物件.animateまで可能ですか？translateZ