OLD | NEW |
| (Empty) |
1 <!-- Based on fast/box-shadow/shadow-box-resize-writing-mode.html --> | |
2 <!DOCTYPE html> | |
3 <script src="resources/paint-invalidation-test.js"></script> | |
4 <script> | |
5 function paintInvalidationTest() | |
6 { | |
7 document.getElementById('target1').style.width = '150px'; | |
8 document.getElementById('target2').style.width = '50px'; | |
9 document.getElementById('target3').style.height = '150px'; | |
10 document.getElementById('target4').style.height = '50px'; | |
11 } | |
12 window.onload = runPaintInvalidationTest; | |
13 </script> | |
14 <style> | |
15 body { | |
16 margin: 0; | |
17 } | |
18 div { | |
19 position: absolute; | |
20 width: 100px; | |
21 height: 100px; | |
22 background-color: green; | |
23 box-shadow: 40px 20px black; | |
24 -webkit-writing-mode: vertical-rl; | |
25 } | |
26 #target1 { | |
27 top: 100px; | |
28 left: 100px; | |
29 } | |
30 #target2 { | |
31 top: 100px; | |
32 left: 300px; | |
33 } | |
34 #target3 { | |
35 top: 300px; | |
36 left: 100px; | |
37 } | |
38 #target4 { | |
39 top: 300px; | |
40 left: 300px; | |
41 } | |
42 </style> | |
43 <div id="target1"></div> | |
44 <div id="target2"></div> | |
45 <div id="target3"></div> | |
46 <div id="target4"></div> | |
OLD | NEW |