| OLD | NEW |
|---|
| 1 <html lang="en"> | 1 <html lang="en"> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 4 <title>Test of -webkit-animation-direction</title> | 4 <title>Test of -webkit-animation-direction</title> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 body { | 6 body { |
| 7 margin: 0; | 7 margin: 0; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #box { | 10 #box { |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 } | 23 } |
| 24 #safezone { | 24 #safezone { |
| 25 position: absolute; | 25 position: absolute; |
| 26 top: 100px; | 26 top: 100px; |
| 27 height: 100px; | 27 height: 100px; |
| 28 width: 130px; | 28 width: 130px; |
| 29 left: 30px; | 29 left: 30px; |
| 30 background-color: green; | 30 background-color: green; |
| 31 } | 31 } |
| 32 @-webkit-keyframes "move1" { | 32 @-webkit-keyframes "move1" { |
| 33 from { -webkit-transform: translateX(0px); } | 33 from { transform: translateX(0px); } |
| 34 to { -webkit-transform: translateX(200px); } | 34 to { transform: translateX(200px); } |
| 35 } | 35 } |
| 36 </style> | 36 </style> |
| 37 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> | 37 <script src="resources/animation-test-helpers.js" type="text/javascript" chars
et="utf-8"></script> |
| 38 <script type="text/javascript" charset="utf-8"> | 38 <script type="text/javascript" charset="utf-8"> |
| 39 const expectedValues = [ | 39 const expectedValues = [ |
| 40 // [time, element-id, property, expected-value, tolerance] | 40 // [time, element-id, property, expected-value, tolerance] |
| 41 [0.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20], | 41 [0.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20], |
| 42 [1.0, "box", "webkitTransform", [1,0,0,1,100,0], 20], | 42 [1.0, "box", "webkitTransform", [1,0,0,1,100,0], 20], |
| 43 [2.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20], | 43 [2.5, "box", "webkitTransform", [1,0,0,1, 50,0], 20], |
| 44 ]; | 44 ]; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 58 </script> | 58 </script> |
| 59 </head> | 59 </head> |
| 60 <body> | 60 <body> |
| 61 <!-- This tests the operation of -webkit-animation-direction. After 1 second the
red boxes should be hidden by the green boxes. You should see no red boxes. --> | 61 <!-- This tests the operation of -webkit-animation-direction. After 1 second the
red boxes should be hidden by the green boxes. You should see no red boxes. --> |
| 62 <div id="box"></div> | 62 <div id="box"></div> |
| 63 <div id="safezone"></div> | 63 <div id="safezone"></div> |
| 64 <div id="result"></div> | 64 <div id="result"></div> |
| 65 </div> | 65 </div> |
| 66 </body> | 66 </body> |
| 67 </html> | 67 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master