OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 #container { | 5 #container { |
6 will-change: contents; | 6 will-change: contents; |
7 z-index: 0; | 7 z-index: 0; |
8 position: absolute; | 8 position: absolute; |
9 top: 0px; | 9 top: 0px; |
10 left: 0px; | 10 left: 0px; |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
48 -webkit-animation: fade-in-out 0.1s linear infinite alternate; | 48 -webkit-animation: fade-in-out 0.1s linear infinite alternate; |
49 } | 49 } |
50 | 50 |
51 @-webkit-keyframes fade-in-out { from { opacity: 0.3; } to { opacity: 0.9; }
} | 51 @-webkit-keyframes fade-in-out { from { opacity: 0.3; } to { opacity: 0.9; }
} |
52 | 52 |
53 </style> | 53 </style> |
54 | 54 |
55 <script> | 55 <script> |
56 if (window.internals) { | 56 if (window.internals) { |
57 window.internals.settings.setAcceleratedCompositingForGpuRasterizationHint
Enabled(true); | 57 window.internals.settings.setAcceleratedCompositingForGpuRasterizationHint
Enabled(true); |
58 window.internals.settings.setAcceleratedCompositingForAnimationEnabled(tru
e); | |
59 // Force an update of the compositing triggers. | 58 // Force an update of the compositing triggers. |
60 window.internals.forceCompositingUpdate(document); | 59 window.internals.forceCompositingUpdate(document); |
61 } | 60 } |
62 | 61 |
63 if (window.testRunner) { | 62 if (window.testRunner) { |
64 testRunner.dumpAsText(); | 63 testRunner.dumpAsText(); |
65 testRunner.waitUntilDone(); | 64 testRunner.waitUntilDone(); |
66 } | 65 } |
67 | 66 |
68 function animationEventListener() { | 67 function animationEventListener() { |
(...skipping 14 matching lines...) Expand all Loading... |
83 <div id="willChangeTransform" class="shouldNotComposite"></div> | 82 <div id="willChangeTransform" class="shouldNotComposite"></div> |
84 </div> | 83 </div> |
85 <div id="willChangeContents" class="shouldNotComposite"></div> | 84 <div id="willChangeContents" class="shouldNotComposite"></div> |
86 <div id="willChangeTop" class="shouldNotComposite"></div> | 85 <div id="willChangeTop" class="shouldNotComposite"></div> |
87 <div id="animateOpacity" class="shouldNotComposite"></div> | 86 <div id="animateOpacity" class="shouldNotComposite"></div> |
88 </div> | 87 </div> |
89 | 88 |
90 <pre id="layertree"></pre> | 89 <pre id="layertree"></pre> |
91 </body> | 90 </body> |
92 </html> | 91 </html> |
OLD | NEW |