| OLD | NEW |
|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title> | 4 <title> |
| 5 This test verifies that a software layer will be promoted to a composite
d layer | 5 This test verifies that a software layer will be promoted to a composite
d layer |
| 6 if it intersects a composited layer's drop shadow. | 6 if it intersects a composited layer's drop shadow. |
| 7 </title> | 7 </title> |
| 8 <!-- If the test passes, the light green drop shadow should appear over the
the black div where they intersect. --> | 8 <!-- If the test passes, the light green drop shadow should appear over the
the black div where they intersect. --> |
| 9 <style> | 9 <style> |
| 10 #software { | 10 #software { |
| 11 background-color: green; | 11 background-color: green; |
| 12 | 12 |
| 13 position: absolute; | 13 position: absolute; |
| 14 top: 0; | 14 top: 0; |
| 15 left: 0; | 15 left: 0; |
| 16 width: 100px; | 16 width: 100px; |
| 17 height: 100px; | 17 height: 100px; |
| 18 } | 18 } |
| 19 #composited { | 19 #composited { |
| 20 background-color: black; | 20 background-color: black; |
| 21 -webkit-filter: drop-shadow(-25px -25px 0 gray); | 21 -webkit-filter: drop-shadow(-25px -25px 0 gray); |
| 22 | 22 |
| 23 position: absolute; | 23 position: absolute; |
| 24 top: 105px; | 24 top: 105px; |
| 25 left: 105px; | 25 left: 105px; |
| 26 width: 100px; | 26 width: 100px; |
| 27 height: 100px; | 27 height: 100px; |
| 28 -webkit-transform: translate3d(0, 0, 0); | 28 transform: translate3d(0, 0, 0); |
| 29 } | 29 } |
| 30 </style> | 30 </style> |
| 31 </head> | 31 </head> |
| 32 <body> | 32 <body> |
| 33 <div id="composited"></div> | 33 <div id="composited"></div> |
| 34 <div id="software"></div> | 34 <div id="software"></div> |
| 35 <pre id="console"></pre> | 35 <pre id="console"></pre> |
| 36 <script> | 36 <script> |
| 37 if (window.testRunner) { | 37 if (window.testRunner) { |
| 38 testRunner.dumpAsText(); | 38 testRunner.dumpAsText(); |
| 39 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); | 39 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); |
| 40 } | 40 } |
| 41 </script> | 41 </script> |
| 42 </body> | 42 </body> |
| 43 </html> | 43 </html> |
| 44 | 44 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master