| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 | 2 |
| 3 <html> | 3 <html> |
| 4 <style type="text/css" media="screen"> | 4 <style type="text/css" media="screen"> |
| 5 .test { | 5 .test { |
| 6 position: relative; | 6 position: relative; |
| 7 top: -10px; /* overlap composited layer */ | 7 top: -10px; /* overlap composited layer */ |
| 8 width: 100px; | 8 width: 100px; |
| 9 height: 100px; | 9 height: 100px; |
| 10 background-color: white; | 10 background-color: white; |
| 11 text-indent: -10000px; | 11 text-indent: -10000px; |
| 12 } | 12 } |
| 13 | 13 |
| 14 .compositing { | 14 .compositing { |
| 15 width: 1px; | 15 width: 1px; |
| 16 height: 1px; | 16 height: 1px; |
| 17 -webkit-transform: translateZ(0); | 17 transform: translateZ(0); |
| 18 } | 18 } |
| 19 | 19 |
| 20 #fading { | 20 #fading { |
| 21 opacity: 0; | 21 opacity: 0; |
| 22 -webkit-transition: opacity 0.1s; | 22 -webkit-transition: opacity 0.1s; |
| 23 } | 23 } |
| 24 </style> | 24 </style> |
| 25 <script type="text/javascript" charset="utf-8"> | 25 <script type="text/javascript" charset="utf-8"> |
| 26 if (window.testRunner) { | 26 if (window.testRunner) { |
| 27 testRunner.waitUntilDone(); | 27 testRunner.waitUntilDone(); |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 59 <div id="fading"> | 59 <div id="fading"> |
| 60 Fader | 60 Fader |
| 61 </div> | 61 </div> |
| 62 | 62 |
| 63 <pre id="layers">Layer tree goes here in DRT</pre> | 63 <pre id="layers">Layer tree goes here in DRT</pre> |
| 64 <script> | 64 <script> |
| 65 window.onload = startFade; | 65 window.onload = startFade; |
| 66 </script> | 66 </script> |
| 67 </body> | 67 </body> |
| 68 </html> | 68 </html> |
| OLD | NEW |