OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 #target { | |
4 height: 100px; | |
5 width: 100px; | |
6 border: solid blue 0px; | |
7 -webkit-animation-duration: 1s; | |
8 -webkit-animation-timing-function: cubic-bezier(0,-1,1,-1); | |
9 -webkit-animation-name: anim; | |
10 } | |
11 @-webkit-keyframes "anim" { | |
12 from { border-top-width: 0px; } | |
13 to { border-top-width: 10px; } | |
14 } | |
15 </style> | |
16 <script src="resources/animation-test-helpers.js"></script> | |
17 <script> | |
18 if (window.testRunner) | |
19 testRunner.dumpAsText(); | |
20 | |
21 const expectedValues = [ | |
22 // [animation-name, time, element-id, property, expected-value, tolerance] | |
23 ['anim', 0.5, 'target', 'border-top-width', 0, 0], | |
24 ]; | |
25 | |
26 runAnimationTest(expectedValues); | |
27 </script> | |
28 <body> | |
Steve Block
2013/08/20 06:56:08
Would be good to add some text describing what thi
| |
29 <div id="target"></div> | |
OLD | NEW |