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
}