| [email protected] | d1b79d4 | 2012-11-08 22:37:57 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> | ||||
| 3 | <head> | ||||
| 4 | <title>Check to disappear the afterimage after changing the style of an img tag.</title> | ||||
| 5 | <style type="text/css"> | ||||
| 6 | div.cell | ||||
| 7 | { | ||||
| [email protected] | 8448b5ae | 2014-10-18 08:49:38 | [diff] [blame] | 8 | transform: translate3d(0, 0, 0); |
| [email protected] | d1b79d4 | 2012-11-08 22:37:57 | [diff] [blame] | 9 | } |
| 10 | |||||
| 11 | img | ||||
| 12 | { | ||||
| 13 | position: absolute; | ||||
| [email protected] | 8448b5ae | 2014-10-18 08:49:38 | [diff] [blame] | 14 | transform: translate3d(0, 0, 0); |
| [email protected] | d1b79d4 | 2012-11-08 22:37:57 | [diff] [blame] | 15 | } |
| 16 | |||||
| 17 | div.magnify img | ||||
| 18 | { | ||||
| [email protected] | 8448b5ae | 2014-10-18 08:49:38 | [diff] [blame] | 19 | transform: scale(2.0); |
| [email protected] | d1b79d4 | 2012-11-08 22:37:57 | [diff] [blame] | 20 | } |
| 21 | </style> | ||||
| 22 | </head> | ||||
| 23 | <body> | ||||
| 24 | |||||
| 25 | |||||
| 26 | <div class="cell magnify" id="cell"> | ||||
| 27 | <img src="resources/simple_image.png"> | ||||
| 28 | </div> | ||||
| 29 | |||||
| 30 | |||||
| 31 | <script type="text/javascript"> | ||||
| 32 | function updateStack() | ||||
| 33 | { | ||||
| 34 | var cell = document.getElementById("cell"); | ||||
| 35 | cell.className = "cell"; | ||||
| 36 | |||||
| 37 | setTimeout(function() { | ||||
| 38 | if (window.testRunner) { | ||||
| 39 | window.testRunner.notifyDone(); | ||||
| 40 | } | ||||
| 41 | }, 10); | ||||
| 42 | } | ||||
| 43 | |||||
| 44 | window.onload = function () | ||||
| 45 | { | ||||
| 46 | if (window.testRunner) { | ||||
| [email protected] | 8cff6f51 | 2013-09-25 16:59:38 | [diff] [blame] | 47 | window.testRunner.dumpAsTextWithPixelResults(); |
| [email protected] | d1b79d4 | 2012-11-08 22:37:57 | [diff] [blame] | 48 | window.testRunner.waitUntilDone(); |
| 49 | } | ||||
| 50 | |||||
| 51 | setTimeout(function() { | ||||
| 52 | updateStack(); | ||||
| 53 | }, 200); | ||||
| 54 | } | ||||
| 55 | </script> | ||||
| 56 | |||||
| 57 | </body> | ||||
| 58 | </html> | ||||
| 59 | |||||