| <!DOCTYPE HTML> |
| <script src="../resources/text-based-repaint.js"></script> |
| <style> |
| .shadow-normal { box-shadow: black 5px -5px 0; } |
| .shadow-inset { box-shadow: black 5px 5px 0 inset; } |
| tr { background-color: blue; will-change: transform; } |
| td { width: 100px; height: 100px; background-color: red; } |
| table { border-spacing: 10px; } |
| </style> |
| <table> |
| <tr ></tr> |
| <tr ><td></td></tr> |
| <tr class="shadow-inset"><td id="target" ></td><td></td></tr> |
| </table> |
| <script> |
| onload = runRepaintAndPixelTest; |
| function repaintTest() { |
| target.style.background = "green"; |
| } |
| </script> |