OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 img { | 4 img { |
5 margin-left: 50px; | 5 margin-left: 50px; |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 background-color: rgb(255,0,0); | 8 background-color: rgb(255,0,0); |
9 -webkit-transform: rotate(45deg); | 9 transform: rotate(45deg); |
10 } | 10 } |
11 img::selection { | 11 img::selection { |
12 background-color: rgb(0,195,0); | 12 background-color: rgb(0,195,0); |
13 } | 13 } |
14 </style> | 14 </style> |
15 </head> | 15 </head> |
16 <body onload="getSelection().setBaseAndExtent(q, 0, q, 1)"> | 16 <body onload="getSelection().setBaseAndExtent(q, 0, q, 1)"> |
17 <p>Tests selection painting on a transformed, replaced element<br> | 17 <p>Tests selection painting on a transformed, replaced element<br> |
18 <a href="https://bugs.webkit.org/show_bug.cgi?id=15739">https://bugs.webki
t.org/show_bug.cgi?id=15739</a> | 18 <a href="https://bugs.webkit.org/show_bug.cgi?id=15739">https://bugs.webki
t.org/show_bug.cgi?id=15739</a> |
19 </p> | 19 </p> |
20 <p>You should see a dark green square rotated 45°. If you see any red, t
he test failed. | 20 <p>You should see a dark green square rotated 45°. If you see any red, t
he test failed. |
21 <div style="padding-top: 50px;"> | 21 <div style="padding-top: 50px;"> |
22 <img id="q"> | 22 <img id="q"> |
23 </div> | 23 </div> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |