css - Can't force webkit to render with GPU

Question

So, I can't use scale() because it requires too much power from GPU when I render my 3200x3200 territory. So I decided to go with height/width/left/top, as I suspected it requires less performance and even FF can render it very good.

Problem: When I transition width/height/top/left -webkit- won't use GPU for rendering anymore, even if I add translate3d() or translateZ() to -wbkit-transform values.

Question:

1. What can I do improve performance in Chrome or trigger GPU render?

Answer 1

これを試して、GPU レンダリングを強制します。

-webkit-backface-visibility:hidden;