| OLD | NEW | 
|---|
|  | 1 <!-- Based on fast/repaint/transform-replaced-shadows.html --> | 
| 1 <html> | 2 <html> | 
| 2 <head> | 3 <head> | 
| 3   <title>Scaling and box-shadow</title> | 4   <title>Scaling and box-shadow</title> | 
| 4   <style type="text/css" media="screen"> | 5   <style type="text/css" media="screen"> | 
| 5     #box { | 6     #box { | 
| 6       height: 100px; | 7       height: 100px; | 
| 7       width: 100px; | 8       width: 100px; | 
| 8       margin: 20px; | 9       margin: 20px; | 
| 9       background-color: gray; | 10       background-color: gray; | 
| 10       -webkit-transform-origin: top left; | 11       -webkit-transform-origin: top left; | 
| 11       -webkit-box-shadow: 0px 20px 20px black; | 12       -webkit-box-shadow: 0px 20px 20px black; | 
| 12       transform: scale(2); | 13       transform: scale(2); | 
| 13     } | 14     } | 
| 14 | 15 | 
| 15     #box.smaller { | 16     #box.smaller { | 
| 16       transform: scale(1); | 17       transform: scale(1); | 
| 17     } | 18     } | 
| 18   </style> | 19   </style> | 
| 19 | 20 | 
| 20   <script src="resources/text-based-repaint.js" type="text/javascript" charset="
    utf-8"></script> | 21   <script src="resources/paint-invalidation-test.js" type="text/javascript" char
    set="utf-8"></script> | 
| 21   <script type="text/javascript" charset="utf-8"> | 22   <script type="text/javascript" charset="utf-8"> | 
| 22     function repaintTest() | 23     window.expectedPaintInvalidationObjects = [ | 
|  | 24         "LayoutImage IMG id='box' class='smaller'", | 
|  | 25     ]; | 
|  | 26     function paintInvalidationTest() | 
| 23     { | 27     { | 
| 24       document.getElementById('box').className = 'smaller'; | 28       document.getElementById('box').className = 'smaller'; | 
| 25     } | 29     } | 
| 26   </script> | 30   </script> | 
| 27 </head> | 31 </head> | 
| 28 <body onload="runRepaintTest()"> | 32 <body onload="runPaintInvalidationTest()"> | 
| 29 | 33 | 
| 30 <img id="box"> | 34 <img id="box"> | 
| 31 | 35 | 
| 32 </body> | 36 </body> | 
| 33 </html> | 37 </html> | 
| OLD | NEW | 
|---|