| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <!-- | 3 <!-- |
| 4 This test verifies that software layers are promoted to composited layer
s when their filter | 4 This test verifies that software layers are promoted to composited layer
s when their filter |
| 5 outsets change to overlap a hardware layer. | 5 outsets change to overlap a hardware layer. |
| 6 | 6 |
| 7 If the test passes, the green drop-shadow of the black layer should appe
ar over the blue | 7 If the test passes, the green drop-shadow of the black layer should appe
ar over the blue |
| 8 composited layer. | 8 composited layer. |
| 9 | 9 |
| 10 Note: Safari will paint the filter in software because drop-shadow is no
t the last filter in | 10 Note: Safari will paint the filter in software because drop-shadow is no
t the last filter in |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 } | 21 } |
| 22 .initial-drop-shadow { | 22 .initial-drop-shadow { |
| 23 /* Safari paints filters in software when drop-shadow is not the las
t filter in the chain. */ | 23 /* Safari paints filters in software when drop-shadow is not the las
t filter in the chain. */ |
| 24 -webkit-filter: drop-shadow(10px 10px 0px green) grayscale(0.5); | 24 -webkit-filter: drop-shadow(10px 10px 0px green) grayscale(0.5); |
| 25 } | 25 } |
| 26 .final-drop-shadow { | 26 .final-drop-shadow { |
| 27 -webkit-filter: drop-shadow(100px 100px 0px green) grayscale(0.5); | 27 -webkit-filter: drop-shadow(100px 100px 0px green) grayscale(0.5); |
| 28 } | 28 } |
| 29 #composited-layer-to-overlap { | 29 #composited-layer-to-overlap { |
| 30 background-color: blue; | 30 background-color: blue; |
| 31 -webkit-transform: translateZ(0); | 31 transform: translateZ(0); |
| 32 position: absolute; | 32 position: absolute; |
| 33 top: 250px; | 33 top: 250px; |
| 34 left: 250px; | 34 left: 250px; |
| 35 width: 100px; | 35 width: 100px; |
| 36 height: 100px; | 36 height: 100px; |
| 37 } | 37 } |
| 38 </style> | 38 </style> |
| 39 <script> | 39 <script> |
| 40 if (window.testRunner) | 40 if (window.testRunner) |
| 41 testRunner.waitUntilDone(); | 41 testRunner.waitUntilDone(); |
| (...skipping 24 matching lines...) Expand all Loading... |
| 66 } | 66 } |
| 67 } | 67 } |
| 68 </script> | 68 </script> |
| 69 </head> | 69 </head> |
| 70 <body onload="runTest()"> | 70 <body onload="runTest()"> |
| 71 <div id="composited-layer-to-overlap"></div> | 71 <div id="composited-layer-to-overlap"></div> |
| 72 <div id="software-layer-to-promote" class="initial-drop-shadow"></div> | 72 <div id="software-layer-to-promote" class="initial-drop-shadow"></div> |
| 73 <pre id="console"></pre> | 73 <pre id="console"></pre> |
| 74 </body> | 74 </body> |
| 75 </html> | 75 </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