| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 div { width: 0px; height: 0px } | 3 div { width: 0px; height: 0px } |
| 4 #reflectionOffset { -webkit-box-reflect: right calc(50%) } | 4 #reflectionOffset { -webkit-box-reflect: right calc(50%) } |
| 5 #reflectionMask { -webkit-box-reflect: below calc(5px) -webkit-gradient
(linear, 0 0, 0 0) 25 25 25 25 stretch stretch; } | 5 #reflectionMask { -webkit-box-reflect: below calc(5px) linear-gradient(
white, black) 25 25 25 25 stretch stretch; } |
| 6 </style> | 6 </style> |
| 7 <body> | 7 <body> |
| 8 <p>Test calling getPropertyValue on computed styles for -webkit-border-image
property.</p> | 8 <p>Test calling getPropertyValue on computed styles for -webkit-border-image
property.</p> |
| 9 <pre id="console"></pre> | 9 <pre id="console"></pre> |
| 10 | 10 |
| 11 <div id="reflectionOffset"></div> | 11 <div id="reflectionOffset"></div> |
| 12 <div id="reflectionMask"></div> | 12 <div id="reflectionMask"></div> |
| 13 </body> | 13 </body> |
| 14 <script> | 14 <script> |
| 15 function log(msg) | 15 function log(msg) |
| (...skipping 12 matching lines...) Expand all Loading... |
| 28 { | 28 { |
| 29 log('-webkit-box-reflect: ' + value + ';'); | 29 log('-webkit-box-reflect: ' + value + ';'); |
| 30 var object = document.getElementById(id); | 30 var object = document.getElementById(id); |
| 31 subTest(object, '-webkit-box-reflect'); | 31 subTest(object, '-webkit-box-reflect'); |
| 32 } | 32 } |
| 33 | 33 |
| 34 if (window.testRunner) | 34 if (window.testRunner) |
| 35 testRunner.dumpAsText(); | 35 testRunner.dumpAsText(); |
| 36 test('reflectionOffset', 'right calc(50%)'); | 36 test('reflectionOffset', 'right calc(50%)'); |
| 37 log(''); | 37 log(''); |
| 38 test('reflectionMask', 'below calc(5px) -webkit-gradient(linear, 0 0, 0 0) 2
5 25 25 25 stretch stretch'); | 38 test('reflectionMask', 'below calc(5px) linear-gradient(white, black) 25 25
25 25 stretch stretch'); |
| 39 </script> | 39 </script> |
| 40 | 40 |
| OLD | NEW |