| 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 |