OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 @-webkit-keyframes rotate { | 4 @-webkit-keyframes rotate { |
5 0% { -webkit-transform: rotate(0deg); } | 5 0% { -webkit-transform: rotate(0deg); } |
6 50% { -webkit-transform: rotate(180deg); } | 6 50% { -webkit-transform: rotate(180deg); } |
7 100% { -webkit-transform: rotate(360deg); } | 7 100% { -webkit-transform: rotate(360deg); } |
8 } | 8 } |
9 | 9 |
10 </style> | 10 </style> |
11 <script src="../http/tests/inspector/inspector-test.js"></script> | 11 <script src="../../http/tests/inspector/inspector-test.js"></script> |
12 <script src="../http/tests/inspector/layers-test.js"></script> | 12 <script src="../../http/tests/inspector/layers-test.js"></script> |
13 <script> | 13 <script> |
14 if (window.internals) { | 14 if (window.internals) { |
15 document.addEventListener('webkitAnimationStart', function() { | 15 document.addEventListener('webkitAnimationStart', function() { |
16 internals.pauseAnimations(0); | 16 internals.pauseAnimations(0); |
17 }); | 17 }); |
18 } | 18 } |
19 | 19 |
20 function test() | 20 function test() |
21 { | 21 { |
22 function dumpCompositingReasons(layer, callback) | 22 function dumpCompositingReasons(layer, callback) |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
75 <div id="perspective" style="-webkit-perspective: 500;"> | 75 <div id="perspective" style="-webkit-perspective: 500;"> |
76 <div style="-webkit-transform: translateZ(100px);">perspective | 76 <div style="-webkit-transform: translateZ(100px);">perspective |
77 </div> | 77 </div> |
78 </div> | 78 </div> |
79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> | 79 <div id="preserve3d" style="-webkit-transform-style: preserve-3d;"> |
80 <div style="-webkit-transform: translateZ(100px);">preserve3d | 80 <div style="-webkit-transform: translateZ(100px);">preserve3d |
81 </div> | 81 </div> |
82 </div> | 82 </div> |
83 </body> | 83 </body> |
84 </html> | 84 </html> |
OLD | NEW |