OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 | |
6 .float { | |
7 width: 8em; | |
8 height: 8em; | |
9 float: left; | |
10 shape-margin: 2em; | |
11 margin: 1em; | |
12 } | |
13 | |
14 .circle { | |
15 background-color:blue; | |
16 shape-outside: circle(closest-side at center); | |
17 -webkit-clip-path: circle(closest-side at center); | |
18 } | |
19 | |
20 </style> | |
21 <script src="../../http/tests/inspector/inspector-test.js"></script> | |
22 <script src="../../http/tests/inspector/elements-test.js"></script> | |
23 <script> | |
24 | |
25 function test() | |
26 { | |
27 InspectorTest.selectNodeWithId('circle', function(node) { | |
lushnikov
2014/07/17 19:05:35
please, extract to named functions - we generally
| |
28 InspectorTest.dumpInspectorHighlightShape(node, function() { | |
29 window.scrollTo(0, 100); | |
30 InspectorTest.selectNodeWithId('circle', function(node) { | |
31 InspectorTest.dumpInspectorHighlightShape(node, InspectorTest.com pleteTest.bind(InspectorTest)); | |
32 }); | |
33 }); | |
34 }); | |
35 } | |
36 | |
37 </script> | |
38 </head> | |
39 | |
40 <body onload="runTest()"> | |
41 <div class="float circle" id="circle"> </div> | |
42 </body> | |
43 </html> | |
OLD | NEW |