| 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 its drop shadow intersects a composited layer's drop shadow. | 6 if its drop shadow 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 gray drop shadow where they intersect. --> | 8 <!-- If the test passes, the light green drop shadow should appear over the
the gray drop shadow where they intersect. --> |
| 9 <style> | 9 <style> |
| 10 #software { | 10 #software { |
| 11 background-color: green; | 11 background-color: green; |
| 12 -webkit-filter: drop-shadow(25px 25px 0 lightgreen); | 12 -webkit-filter: drop-shadow(25px 25px 0 lightgreen); |
| 13 | 13 |
| 14 position: absolute; | 14 position: absolute; |
| 15 top: 0; | 15 top: 0; |
| 16 left: 0; | 16 left: 0; |
| 17 width: 100px; | 17 width: 100px; |
| 18 height: 100px; | 18 height: 100px; |
| 19 } | 19 } |
| 20 #composited { | 20 #composited { |
| 21 background-color: black; | 21 background-color: black; |
| 22 -webkit-filter: drop-shadow(-25px -25px 0 gray); | 22 -webkit-filter: drop-shadow(-25px -25px 0 gray); |
| 23 | 23 |
| 24 position: absolute; | 24 position: absolute; |
| 25 top: 130px; | 25 top: 130px; |
| 26 left: 130px; | 26 left: 130px; |
| 27 width: 100px; | 27 width: 100px; |
| 28 height: 100px; | 28 height: 100px; |
| 29 -webkit-transform: translate3d(0, 0, 0); | 29 transform: translate3d(0, 0, 0); |
| 30 } | 30 } |
| 31 </style> | 31 </style> |
| 32 </head> | 32 </head> |
| 33 <body> | 33 <body> |
| 34 <div id="composited"></div> | 34 <div id="composited"></div> |
| 35 <div id="software"></div> | 35 <div id="software"></div> |
| 36 <pre id="console"></pre> | 36 <pre id="console"></pre> |
| 37 <script> | 37 <script> |
| 38 if (window.testRunner) { | 38 if (window.testRunner) { |
| 39 testRunner.dumpAsText(); | 39 testRunner.dumpAsText(); |
| 40 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); | 40 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); |
| 41 } | 41 } |
| 42 </script> | 42 </script> |
| 43 </body> | 43 </body> |
| 44 </html> | 44 </html> |
| 45 | 45 |
| 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