首页 / JAVASCRIPT / javascript – 更改transformz属性

javascript – 更改transformz属性

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 更改transformz属性，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含754字，纯文字阅读大概需要2分钟。

内容图文

我需要使用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

内容总结

以上是互联网集市为您收集整理的javascript – 更改transformz属性全部内容，希望文章能够帮你解决javascript – 更改transformz属性所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/776948.html

来源：【匿名】