| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| body { | |
| margin: 0; | |
| } | |
| .animated { | |
| -webkit-animation: test 1s; | |
| } | |
| @-webkit-keyframes test { | |
| from { | |
| padding: 0; | |
| } | |
| to { | |
| padding: 0; | |
| } | |
| } | |
| </style> | |
| <script src="resources/text-based-repaint.js"></script> | |
| <script> | |
| function repaintTest() { | |
| // This should not trigger a repaint. | |
| document.body.classList.add('animated'); | |
| } | |
| </script> | |
| </head> | |
| <body onload="runRepaintTest();"> | |
| <ul> | |
| <li>Test</li> | |
| </ul> | |
| </body> | |
| </html> |