OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <style> | |
3 .box { | |
4 height: 200px; | |
5 width: 200px; | |
6 border: 1px solid black; | |
7 background-repeat: no-repeat; | |
8 background-size: 100px 100px; | |
9 background-position: 0 0, 100px 100px; | |
10 background-image: url('../images/resources/green-256x256.jpg'), url('../
images/resources/dice.png'); | |
11 } | |
12 | |
13 .composited { | |
14 transform: translate3d(0, 0, 0); | |
15 } | |
16 | |
17 .composited.changed { | |
18 transform: translate3d(50px, 50px, 0); | |
19 } | |
20 </style> | |
21 <script src="resources/text-based-repaint.js"></script> | |
22 <script> | |
23 function repaintTest() | |
24 { | |
25 document.getElementById('test').classList.add('changed'); | |
26 } | |
27 | |
28 onload = runRepaintAndPixelTest; | |
29 </script> | |
30 <div id="test" class="composited box"> | |
31 </div> | |
OLD | NEW |