iOS Safari runs out of memory with “-webkit-transform”

Question

http://jsfiddle.net/ES4xG/8/ crashes most retina devices.

iOS Safari \"easily\" runs out of memory and crashes when using some -webkit-transform instruc

Answer 1

try to use this on the parent of the element you are transforming

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;

and this for a better performance on you transformed element

-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;