| <!DOCTYPE html> |
| <script src="../resources/text-based-repaint.js"></script> |
| <style> |
| #container { |
| position: absolute; |
| z-index: 0; |
| left: 50px; |
| top: 50px; |
| } |
| |
| .child { |
| position: absolute; |
| width: 40px; |
| height: 40px; |
| background-color: red; |
| } |
| |
| .embiggen { |
| width: 50px; |
| height: 50px; |
| background-color: green; |
| } |
| </style> |
| <div style="width:200px; height:200px; will-change: transform; background-color: lightblue"></div> |
| <div id="container"> |
| <span class="child"></span> |
| <span class="child"></span> |
| </div> |
| <script> |
| function repaintTest() { |
| document.querySelectorAll('.child')[1].classList.add('embiggen'); |
| } |
| runRepaintAndPixelTest(); |
| </script> |