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 |