OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
3 | 3 |
4 <html lang="en"> | 4 <html lang="en"> |
5 <head> | 5 <head> |
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
7 <title>25052 testcase</title> | 7 <title>25052 testcase</title> |
8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
9 body { | 9 body { |
10 margin: 100px; | 10 margin: 100px; |
(...skipping 26 matching lines...) Expand all Loading... |
37 #mover { | 37 #mover { |
38 position: absolute; | 38 position: absolute; |
39 top: 0; | 39 top: 0; |
40 height: 150px; | 40 height: 150px; |
41 width: 150px; | 41 width: 150px; |
42 background-color: green; | 42 background-color: green; |
43 -webkit-transition: -webkit-transform 1000s; | 43 -webkit-transition: -webkit-transform 1000s; |
44 } | 44 } |
45 | 45 |
46 #mover:hover { | 46 #mover:hover { |
47 -webkit-transform: translate(0px, 100px); | 47 transform: translate(0px, 100px); |
48 } | 48 } |
49 #mover.moving { | 49 #mover.moving { |
50 -webkit-transform: translate(0px, 100px); | 50 transform: translate(0px, 100px); |
51 } | 51 } |
52 </style> | 52 </style> |
53 <script type="text/javascript" charset="utf-8"> | 53 <script type="text/javascript" charset="utf-8"> |
54 if (window.testRunner) | 54 if (window.testRunner) |
55 testRunner.waitUntilDone(); | 55 testRunner.waitUntilDone(); |
56 | 56 |
57 function startTest() | 57 function startTest() |
58 { | 58 { |
59 window.setTimeout(function() { | 59 window.setTimeout(function() { |
60 var mover = document.getElementById('mover'); | 60 var mover = document.getElementById('mover'); |
(...skipping 16 matching lines...) Expand all Loading... |
77 <div id="container"> | 77 <div id="container"> |
78 <div id="header"> | 78 <div id="header"> |
79 <div id="hanger"></div> | 79 <div id="hanger"></div> |
80 </div> | 80 </div> |
81 <div id="mover"> | 81 <div id="mover"> |
82 </div> | 82 </div> |
83 </div> | 83 </div> |
84 | 84 |
85 </body> | 85 </body> |
86 </html> | 86 </html> |
OLD | NEW |