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 |