javascript – 更改transformz属性

2023年3月20日 224次阅读

我需要使用
jquery更改元素的transformz.我有一个带css的div：

.bottom_face {
  -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(487px);
  -moz-transform: rotateX(-90deg) rotate(180deg) translateZ(347px);
 }

当用户更改表单上的属性时,我想更改translateZ值以添加他们输入的金额：

$('.bottom_face ').css('-webkit-transform') ??

如何在不覆盖rotateX和旋转属性的情况下访问上述的translateZ属性？

谢谢

最佳答案 这是一些我试图剥离到最低限度的代码：

$("#add").click(function() {
    var z = $("#z").val();
    $(".bottom-face").each(function() {
        var $c = $(this);
        var css;
        if (css = $c.css("-webkit-transform")) {    // assignment
            $c.css("-webkit-transform",
               $c.css("-webkit-transform") + " translateZ(" + z + "px)"
            );
            //console.log( $c.css("-webkit-transform") );
        }
    });
});

和link to jsfiddle

点赞