css - Transform3d 不适用于 Firefox

Question

Transform 3d 在上一个版本的 firefox 中运行良好，但在其新的更新版本 52.0.1(32 位)中，它不起作用。 CSS代码如下

当菜单关闭时:

.c-menu {
     transform: translate3d(268px, 0px, 0px);
    -moz-transform: translate3d(268px, 0px, 0px);
    -webkit-transform: translate3d(268px, 0px, 0px);
}

当菜单打开时(从右到右):

#sidebar.toggled {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
}

Answer 1

translate3d 在最新的 Firefox 版本中不工作这样做会解决你的问题

.c-menu {
    right: -268px
}

#sidebar.toggled {
    opacity: 1;
    right: 0px
}