移動Safari（webkit）上除了-webkit-transform之外還有什麼硬件加速？

Question

我正在使用針對iPad的Sencha Touch構建應用程序。實現我所知道的流暢動畫的唯一方法是使用-webkit-transform css屬性。這適用於用translate3d移動東西並縮放它們，但是我期望更改元素的尺寸（寬度和高度）。想象一下，一個元素的大小適應一個新的孩子 - 這就是我之後

Answer 1

你不會有寬度和高度的運氣，因爲這些屬性不會硬件加速。您將在Safari中獲得的是一種甚至沒有正確縮放的生澀動畫。在我的測試中，瀏覽器首先會轉換高度，然後寬度會突然卡入到位，反之亦然。如果你想要做的只是縮放一個元素（改變其尺寸），那麼你應該-webkit-transform: scale(x, y)。