Chrome: why css 3d conversion on large elements with conversion scale <0 cause a white screen error?

Question

I have a problem with areas of the screen that turn white in chrome. The following is a simplified example. From the tests, it seems convincing that the combination of conversion scale and rotation causes a problem. To reproduce the problem with multiple html elements, I exaggerated the situation and used a 5000 pixel square reduced by 0.125.

Please note that only the first test reproduces the error, a and does not play in firefox.

zoom out: http://jsfiddle.net/AxkEj/46/embedded/result/

   width: 5000px;
   height: 5000px;
   -webkit-transform: scale(0.125);

without scale: http://jsfiddle.net/47SmB/1/embedded/result/

   width: 625px;
   height: 625px;

: http://jsfiddle.net/YpfPt/2/

   width: 50px;
   height: 50px;
   -webkit-transform: scale(10);

:

    width: 5000px; 
    height: 5000px;
    zoom: 0.125;

http://jsfiddle.net/AxkEj/47/

webkit

css transform spec , :

3D- 4 × 4, , , . (a, b) , (a, b, 0, 1), (x, y, z, w). (x ', y', z ') :

w > 0, (x ', y', z ') = (x/w, y/w, z/w).

w = 0, (x ', y', z ') = (x ⋅ n, y ⋅ n, z ⋅ n). n , , x ' y' , . , (5px, 22px, 0px, 0) (5000px, 22000px, 0px) n = 1000, n (0,1px, 0,05px, 0px, 0). n . , (x ', y', z ') (x, y, z).

w < 0 , .

update: . . :

http://jsfiddle.net/AxkEj/48/

Answer 1

, div "rz". , .

. div .