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 |