iphone 4 android 4.1 上的平滑 CSS3 过渡

Posted 2023-03-12

【中文标题】iphone 4 android 4.1 上的平滑 CSS3 过渡

【英文标题】：Smooth CSS3 transitions on iphone 4 android 4.1

【发布时间】：2014-01-16 15:47:45

【问题描述】：

我为移动设备和桌面设备构建了这个demo，其效果由 CSS3 过渡驱动。但是，我发现过渡并不像我希望它在移动设备上那样平滑。这很奇怪，因为我在其他网站上没有问题。谁能给我一些关于如何实现更流畅的动画的建议？

【参考方案1】：

我知道在 ios 上，硬件加速默认情况下不会打开，但如果您将 CSS 3D 变换添加到页面上的对象，则会打开。即使你使用translate3d(0,0,0)。

【讨论】：

谢谢，但我有 * zoom:1; transform: translate3d(0,0,0) scale3d(1,1,1); -o-transform: translate3d(0,0,0) scale3d(1,1,1); -ms-transform: translate3d(0,0,0) scale3d(1,1,1); -moz-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-backface-visibility: hidden; -webkit-user-select:none;user-select:none;-ms-touch-action:none; ，它是对所有对象的 3D 转换...还是我做多了？

应该可以。尝试将其更改为使用 0 以外的值。也许他们已将其更新为仅在实际需要时才启动。