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