| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <style> | 4 <style> |
| 5 .box { | 5 .box { |
| 6 animation-duration: 2s; | 6 animation-duration: 2s; |
| 7 animation-iteration-count: 8; | 7 animation-iteration-count: 8; |
| 8 animation-timing-function: linear; | 8 animation-timing-function: linear; |
| 9 height: 50px; | 9 height: 50px; |
| 10 left: 20px; | 10 left: 20px; |
| 11 margin-bottom: 10px; | 11 margin-bottom: 10px; |
| 12 position: relative; | 12 position: relative; |
| 13 top: 10px; | 13 top: 10px; |
| (...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 109 box6.style.animationDelay = '-2.2s'; | 109 box6.style.animationDelay = '-2.2s'; |
| 110 assert_equals(getComputedStyle(box6).left, '180px'); | 110 assert_equals(getComputedStyle(box6).left, '180px'); |
| 111 | 111 |
| 112 box7.style.animationDelay = '-2.2s'; | 112 box7.style.animationDelay = '-2.2s'; |
| 113 assert_equals(getComputedStyle(box7).left, '180px'); | 113 assert_equals(getComputedStyle(box7).left, '180px'); |
| 114 | 114 |
| 115 box8.style.animationDelay = '-2.2s'; | 115 box8.style.animationDelay = '-2.2s'; |
| 116 assert_equals(getComputedStyle(box8).left, '40px'); | 116 assert_equals(getComputedStyle(box8).left, '40px'); |
| 117 }, "animation-direction works with multiple keyframes"); | 117 }, "animation-direction works with multiple keyframes"); |
| 118 </script> | 118 </script> |
| OLD | NEW |