OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 | 2 |
3 <div style="position: absolute; width: 200px; height: 200px; background: lightgr
ay; will-change: transform"></div> | 3 <div style="position: absolute; width: 200px; height: 200px; background: lightgr
ay; will-change: transform"></div> |
4 | 4 |
5 <div style="position: absolute; width: 200px; height: 200px; top: 50px; left: 50
px; background: lightblue"></div> | 5 <div style="position: absolute; width: 200px; height: 200px; top: 50px; left: 50
px; background: lightblue"></div> |
6 <div id="target" style="position: absolute; width: 200px; height: 200px; top: 10
0.45px; left: 100.45px; background: papayawhip"></div> | 6 <div id="target" style="position: absolute; width: 200px; height: 200px; top: 10
0.45px; left: 100.45px; background: red"></div> |
7 | |
8 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | |
9 <script> | |
10 function repaintTest() { | |
11 target.style.backgroundColor = 'red'; | |
12 } | |
13 runRepaintTest(); | |
14 </script> | |
OLD | NEW |