Tag: css transitions

ios缓慢/不工作的CSS3转换

我正尝试在自己制作的自适应网站上开始使用一些CSS3转换，并且所有function都在桌面版Chrome和Android版Chrome上运行良好，但是在Chrome和Safari的iOS设备上无法正常工作。 例如，我用于我的菜单的CSS代码片段如下： #menu { width: 180px; height: 100%; position: fixed; top: 0; left: -180px; z-index: 9; transition: left 1s; -webkit-transition: left 1s; } 我有一个菜单button，当点击时，调用一个javascript函数，将“左”样式改为0，它将从屏幕左侧的外部转换到位置。 一切工作正常，在桌面和Chrome浏览器的Android，但在iOS和Chrome浏览器，它要么是非常波涛汹涌，要么只是延迟一秒钟，然后立即popup。 在我所有的转换中都是这样做的，但为了简单起见，我正在显示菜单。 我已经做了大量的search和search堆栈，但我真正发现的唯一的东西说增加以下内容： -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0); 以强迫硬件加速的风格，但它也不工作。 我没有看到任何改变。 任何帮助，将不胜感激。