| <!DOCTYPE html> | |
| <html> | |
| <style> | |
| .composited { | |
| transform: translateZ(0); | |
| } | |
| .filter { | |
| filter: invert(100%); | |
| } | |
| </style> | |
| <!-- There should be a bright pink box on this page --> | |
| <body> | |
| <img class="composited" onload="load(this)" src="../../images/resources/green-256x256.jpg"> | |
| </body> | |
| <script> | |
| function load(element) { | |
| element.classList.add('filter'); | |
| setTimeout(done, 0); | |
| } | |
| function done() { | |
| if (window.testRunner) | |
| testRunner.notifyDone(); | |
| } | |
| if (window.testRunner) { | |
| testRunner.waitUntilDone(); | |
| } | |
| </script> | |
| </html> |