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 -webkit-gradient(linear
, 0 0, 0 0) 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); |
20 log(' getPropertyValue: ' + document.defaultView.getComputedSt
yle(ob, null).getPropertyValue(prop)); | 20 log(' getPropertyValue: ' + document.defaultView.getComputedSt
yle(ob, null).getPropertyValue(prop)); |
21 log(' getPropertyCSSValue: ' + document.defaultView.getComputedSt
yle(ob, null).getPropertyCSSValue(prop)); | |
22 } | 21 } |
23 | 22 |
24 function test(id, val) | 23 function test(id, val) |
25 { | 24 { |
26 log('-webkit-box-reflect: ' + val + ';'); | 25 log('-webkit-box-reflect: ' + val + ';'); |
27 var ob = document.getElementById(id); | 26 var ob = document.getElementById(id); |
28 subTest(ob, '-webkit-box-reflect'); | 27 subTest(ob, '-webkit-box-reflect'); |
29 } | 28 } |
30 | 29 |
31 function runTests() | 30 function runTests() |
(...skipping 14 matching lines...) Expand all Loading... |
46 <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> |
47 <pre id="console"></pre> | 46 <pre id="console"></pre> |
48 | 47 |
49 <div id="reflectionNone"></div> | 48 <div id="reflectionNone"></div> |
50 <div id="reflectionDirection"></div> | 49 <div id="reflectionDirection"></div> |
51 <div id="reflectionOffset"></div> | 50 <div id="reflectionOffset"></div> |
52 <div id="reflectionMask"></div> | 51 <div id="reflectionMask"></div> |
53 | 52 |
54 </body> | 53 </body> |
55 </html> | 54 </html> |
OLD | NEW |