| 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>Combined transform translate() scale()</title> | 7 <title>Combined transform translate() scale()</title> |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 #box { | 9 #box { |
| 10 height: 100px; | 10 height: 100px; |
| 11 width: 100px; | 11 width: 100px; |
| 12 background-color: blue; | 12 background-color: blue; |
| 13 -webkit-animation-duration: 1s; | 13 -webkit-animation-duration: 1s; |
| 14 -webkit-animation-timing-function: linear; | 14 -webkit-animation-timing-function: linear; |
| 15 -webkit-animation-name: "anim"; | 15 -webkit-animation-name: "anim"; |
| 16 } | 16 } |
| 17 @-webkit-keyframes "anim" { | 17 @-webkit-keyframes "anim" { |
| 18 from { -webkit-transform: translate(0,0) scale(1,1); } | 18 from { transform: translate(0,0) scale(1,1); } |
| 19 to { -webkit-transform: translate(100px, 200px) scale(2,4); } | 19 to { transform: translate(100px, 200px) scale(2,4); } |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 <script type="text/javascript" charset="utf-8"> | 22 <script type="text/javascript" charset="utf-8"> |
| 23 if (window.testRunner) { | 23 if (window.testRunner) { |
| 24 testRunner.dumpAsText(); | 24 testRunner.dumpAsText(); |
| 25 testRunner.waitUntilDone(); | 25 testRunner.waitUntilDone(); |
| 26 } | 26 } |
| 27 | 27 |
| 28 result = ""; | 28 result = ""; |
| 29 | 29 |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 68 </head> | 68 </head> |
| 69 <body> | 69 <body> |
| 70 This test performs an animation of the translate() and scale() operators. It ani
mates over 1 seconds. | 70 This test performs an animation of the translate() and scale() operators. It ani
mates over 1 seconds. |
| 71 At 0.25 and 0.5 seconds it takes a snapshot and expects the result to be within
range. | 71 At 0.25 and 0.5 seconds it takes a snapshot and expects the result to be within
range. |
| 72 <div id="box"> | 72 <div id="box"> |
| 73 </div> | 73 </div> |
| 74 <div id="result"> | 74 <div id="result"> |
| 75 </div> | 75 </div> |
| 76 </body> | 76 </body> |
| 77 </html> | 77 </html> |
| OLD | NEW |