| 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 nested drop shadow intersects a composited layer's nested drop sh
adow. | 6 if its nested drop shadow intersects a composited layer's nested drop sh
adow. |
| 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-parent { | 10 #software-parent { |
| (...skipping 18 matching lines...) Expand all Loading... |
| 29 } | 29 } |
| 30 #composited-parent { | 30 #composited-parent { |
| 31 background-color: black; | 31 background-color: black; |
| 32 -webkit-filter: drop-shadow(-25px -25px 0 gray); | 32 -webkit-filter: drop-shadow(-25px -25px 0 gray); |
| 33 | 33 |
| 34 position: absolute; | 34 position: absolute; |
| 35 top: 330px; | 35 top: 330px; |
| 36 left: 330px; | 36 left: 330px; |
| 37 width: 100px; | 37 width: 100px; |
| 38 height: 100px; | 38 height: 100px; |
| 39 -webkit-transform: translate3d(0, 0, 0); | 39 transform: translate3d(0, 0, 0); |
| 40 } | 40 } |
| 41 #composited-child { | 41 #composited-child { |
| 42 background-color: blue; | 42 background-color: blue; |
| 43 -webkit-filter: drop-shadow(-50px -50px 0 lightblue); | 43 -webkit-filter: drop-shadow(-50px -50px 0 lightblue); |
| 44 | 44 |
| 45 position: absolute; | 45 position: absolute; |
| 46 top: -50px; | 46 top: -50px; |
| 47 left: -50px; | 47 left: -50px; |
| 48 width: 50px; | 48 width: 50px; |
| 49 height: 50px; | 49 height: 50px; |
| 50 } | 50 } |
| 51 </style> | 51 </style> |
| 52 </head> | 52 </head> |
| 53 <body> | 53 <body> |
| 54 <div id="composited-parent"> | 54 <div id="composited-parent"> |
| 55 <div id="composited-child"></div> | 55 <div id="composited-child"></div> |
| 56 </div> | 56 </div> |
| 57 <div id="software-parent"> | 57 <div id="software-parent"> |
| 58 <div id="software-child"></div> | 58 <div id="software-child"></div> |
| 59 </div> | 59 </div> |
| 60 <pre id="console"></pre> | 60 <pre id="console"></pre> |
| 61 <script> | 61 <script> |
| 62 if (window.testRunner) { | 62 if (window.testRunner) { |
| 63 testRunner.dumpAsText(); | 63 testRunner.dumpAsText(); |
| 64 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); | 64 document.getElementById("console").appendChild(document.createTextNo
de(window.internals.layerTreeAsText(document))); |
| 65 } | 65 } |
| 66 </script> | 66 </script> |
| 67 </body> | 67 </body> |
| 68 </html> | 68 </html> |
| 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