| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 div { width: 0; height: 0 } | 5 div { width: 0; height: 0 } |
| 6 #reflectionNone { -webkit-box-reflect: none } | 6 #reflectionNone { -webkit-box-reflect: none } |
| 7 #reflectionDirection { -webkit-box-reflect: below } | 7 #reflectionDirection { -webkit-box-reflect: below } |
| 8 #reflectionOffset { -webkit-box-reflect: right 50% } | 8 #reflectionOffset { -webkit-box-reflect: right 50% } |
| 9 #reflectionMask { -webkit-box-reflect: below 5px -webkit-gradient(linear
, 0 0, 0 0) 25 25 25 25 stretch stretch; } | 9 #reflectionMask { -webkit-box-reflect: below 5px linear-gradient(white,
black) 25 25 25 25 stretch stretch; } |
| 10 </style> | 10 </style> |
| 11 <script type="text/javascript"> | 11 <script type="text/javascript"> |
| 12 function log(msg) | 12 function log(msg) |
| 13 { | 13 { |
| 14 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); | 14 document.getElementById('console').appendChild(document.createTextNo
de(msg + '\n')); |
| 15 } | 15 } |
| 16 | 16 |
| 17 function subTest(ob, prop) | 17 function subTest(ob, prop) |
| 18 { | 18 { |
| 19 log(' ' + prop); | 19 log(' ' + prop); |
| (...skipping 10 matching lines...) Expand all Loading... |
| 30 function runTests() | 30 function runTests() |
| 31 { | 31 { |
| 32 if (window.testRunner) | 32 if (window.testRunner) |
| 33 testRunner.dumpAsText(); | 33 testRunner.dumpAsText(); |
| 34 test('reflectionNone', 'none'); | 34 test('reflectionNone', 'none'); |
| 35 log(''); | 35 log(''); |
| 36 test('reflectionDirection', 'below'); | 36 test('reflectionDirection', 'below'); |
| 37 log(''); | 37 log(''); |
| 38 test('reflectionOffset', 'right 50%'); | 38 test('reflectionOffset', 'right 50%'); |
| 39 log(''); | 39 log(''); |
| 40 test('reflectionMask', 'below 5px -webkit-gradient(linear, 0 0, 0 0)
25 25 25 25 stretch stretch'); | 40 test('reflectionMask', 'below 5px linear-gradient(white, black) 25 2
5 25 25 stretch stretch'); |
| 41 } | 41 } |
| 42 </script> | 42 </script> |
| 43 </head> | 43 </head> |
| 44 <body onload="runTests();"> | 44 <body onload="runTests();"> |
| 45 <p>Test calling getPropertyValue on computed styles for -webkit-border-image
property.</p> | 45 <p>Test calling getPropertyValue on computed styles for -webkit-border-image
property.</p> |
| 46 <pre id="console"></pre> | 46 <pre id="console"></pre> |
| 47 | 47 |
| 48 <div id="reflectionNone"></div> | 48 <div id="reflectionNone"></div> |
| 49 <div id="reflectionDirection"></div> | 49 <div id="reflectionDirection"></div> |
| 50 <div id="reflectionOffset"></div> | 50 <div id="reflectionOffset"></div> |
| 51 <div id="reflectionMask"></div> | 51 <div id="reflectionMask"></div> |
| 52 | 52 |
| 53 </body> | 53 </body> |
| 54 </html> | 54 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2746583003:
Send deprecation messages for prefixed gradients now that it's possible. (Closed)
