ios上的CSS3过渡缓慢/不起作用

我正在尝试在正在响应的网站上开始使用一些CSS3过渡，并且一切在台式机Chrome和Android上的Chrome上均能正常运行，但在ios设备上无论Chrome和Safari都无法正常运行。

例如，我在菜单中使用的CSS代码段如下：

#menu {
width: 180px;
height: 100%; 
position: fixed; 
top: 0; 
left: -180px; 
z-index: 9; 
transition: left 1s; 
-webkit-transition: left 1s;
}

我有一个菜单按钮，单击该菜单按钮时，它将调用一个javascript函数，该函数将“左”样式更改为0，从而将其从屏幕左侧以外的位置过渡到其他位置。

一切在台式机和Chrome Android上都可以正常运行，但在ios Chrome和Safari上，它要么非常不稳定，要么延迟一秒钟，然后立即弹出。我在所有转换中都这样做，但是为了简单起见，我展示了一个菜单。

我已经完成了很多搜索和搜索Stack的工作，但是我真正发现的唯一内容是添加以下内容：

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);

强制硬件加速的样式，但也不起作用。我完全看不到变化。任何帮助，将不胜感激。