| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 .container { position: relative; width: 0; height: 0; } |
| 4 .composited { will-change: transform; } |
| 5 .scale { transform-origin: 0 0; transform: scale(40); } |
| 6 .child { width: 1px; height: 1px; background: blue; position: relative; left: 0.
4px } |
| 7 </style> |
| 8 <div id="container1" class="container scale"> |
| 9 <div id="child1" class="child composited"></div> |
| 10 </div> |
| 11 <div id="container2" class="container" style="top: 50px"> |
| 12 <div id="child2" class="child scale composited"></div> |
| 13 </div> |
| 14 <div id="container3" class="container scale composited" style="top: 100px"> |
| 15 <div id="child3" class="child"></div> |
| 16 </div> |
| 17 <div id="container4" class="container composited" style="top: 150px"> |
| 18 <div id="child4" class="child scale"></div> |
| 19 </div> |
| 20 <div id="container5" class="container scale composited" style="top: 200px"> |
| 21 <div id="child5" class="child composited"></div> |
| 22 </div> |
| 23 <div id="container6" class="container composited" style="top: 250px"> |
| 24 <div id="child6" class="child scale composited"></div> |
| 25 </div> |
| 26 <script src="../resources/text-based-repaint.js"></script> |
| 27 <script> |
| 28 function repaintTest() { |
| 29 for (var container of document.getElementsByClassName('container')) |
| 30 container.style.left = '0.3px'; |
| 31 } |
| 32 onload = runRepaintAndPixelTest; |
| 33 </script> |
| OLD | NEW |