OLD | NEW |
| (Empty) |
1 <!-- Based on fast/box-shadow/shadow-box-resize.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 } | |
25 #target1 { | |
26 top: 100px; | |
27 left: 100px; | |
28 } | |
29 #target2 { | |
30 top: 100px; | |
31 left: 300px; | |
32 } | |
33 #target3 { | |
34 top: 300px; | |
35 left: 100px; | |
36 } | |
37 #target4 { | |
38 top: 300px; | |
39 left: 300px; | |
40 } | |
41 </style> | |
42 <div id="target1"></div> | |
43 <div id="target2"></div> | |
44 <div id="target3"></div> | |
45 <div id="target4"></div> | |
OLD | NEW |