OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Document::nodesFromRect : CSS rotate transforms - bug 85792</title> | 4 <title>Document::nodesFromRect : CSS rotate transforms - bug 85792</title> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 #sandbox { | 6 #sandbox { |
7 position: absolute; | 7 position: absolute; |
8 left: 0px; | 8 left: 0px; |
9 top: 0px; | 9 top: 0px; |
10 width: 700px; | 10 width: 700px; |
11 height: 700px; | 11 height: 700px; |
12 } | 12 } |
13 #layer { | 13 #layer { |
14 position: absolute; | 14 position: absolute; |
15 left: 200px; | 15 left: 200px; |
16 top: 200px; | 16 top: 200px; |
17 width: 300px; | 17 width: 300px; |
18 height: 300px; | 18 height: 300px; |
19 } | 19 } |
20 .rotate45 { -webkit-transform: rotate(45deg); } | 20 .rotate45 { transform: rotate(45deg); } |
21 .rotate90 { -webkit-transform: rotate(90deg); } | 21 .rotate90 { transform: rotate(90deg); } |
22 .rotate180 { -webkit-transform: rotate(180deg); } | 22 .rotate180 { transform: rotate(180deg); } |
23 #layer > #fleft { float: left; width: 50px; height: 300px; } | 23 #layer > #fleft { float: left; width: 50px; height: 300px; } |
24 #layer > #fright { float: right; width: 50px; height: 300px; } | 24 #layer > #fright { float: right; width: 50px; height: 300px; } |
25 #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } | 25 #layer > .hbox { height: 100px; margin-right: 50px; margin-left: 50px } |
26 </style> | 26 </style> |
27 <script src="../../../resources/js-test.js"></script> | 27 <script src="../../../resources/js-test.js"></script> |
28 <script src="resources/nodesFromRect.js"></script> | 28 <script src="resources/nodesFromRect.js"></script> |
29 </head> | 29 </head> |
30 | 30 |
31 <body> | 31 <body> |
32 <div id=sandbox> | 32 <div id=sandbox> |
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
102 } | 102 } |
103 | 103 |
104 window.onload = runTest; | 104 window.onload = runTest; |
105 </script> | 105 </script> |
106 | 106 |
107 <p id='description'></p> | 107 <p id='description'></p> |
108 <span id="console"></span> | 108 <span id="console"></span> |
109 </body> | 109 </body> |
110 </html> | 110 </html> |
111 | 111 |
OLD | NEW |