OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <!-- | 2 <!-- |
3 This test simply checks that when we have multiple 3d rendering contexts, that | 3 This test simply checks that when we have multiple 3d rendering contexts, that |
4 they get separate and unique id's in the layer tree dump. | 4 they get separate and unique id's in the layer tree dump. |
5 --> | 5 --> |
6 <html> | 6 <html> |
7 <head> | 7 <head> |
8 <style> | 8 <style> |
9 .composited { | 9 .composited { |
10 -webkit-transform: translateZ(0); | 10 transform: translateZ(0); |
11 width: 100px; | 11 width: 100px; |
12 height: 100px; | 12 height: 100px; |
13 background-color: green; | 13 background-color: green; |
14 } | 14 } |
15 | 15 |
16 #grandparent { | 16 #grandparent { |
17 -webkit-transform-style: preserve-3d; | 17 -webkit-transform-style: preserve-3d; |
18 } | 18 } |
19 | 19 |
20 #child { | 20 #child { |
(...skipping 21 matching lines...) Expand all Loading... |
42 <body> | 42 <body> |
43 <div class="composited" id="grandparent"> | 43 <div class="composited" id="grandparent"> |
44 <div class="composited" id="parent"> | 44 <div class="composited" id="parent"> |
45 <div class="composited" id="child"> | 45 <div class="composited" id="child"> |
46 </div> | 46 </div> |
47 </div> | 47 </div> |
48 </div> | 48 </div> |
49 <pre id="console"></pre> | 49 <pre id="console"></pre> |
50 </body> | 50 </body> |
51 </html> | 51 </html> |
OLD | NEW |