OLD | NEW |
1 <!DOCTYPE> | 1 <!DOCTYPE> |
2 | 2 |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <title>Scale without initial value.</title> | 5 <title>Scale without initial value.</title> |
6 <style type="text/css" media="screen"> | 6 <style type="text/css" media="screen"> |
7 .box { | 7 .box { |
8 height: 200px; | 8 height: 200px; |
9 width: 200px; | 9 width: 200px; |
10 border: 1px solid #EEE; | 10 border: 1px solid #EEE; |
(...skipping 11 matching lines...) Expand all Loading... |
22 .inner { | 22 .inner { |
23 height: 100px; | 23 height: 100px; |
24 width: 100px; | 24 width: 100px; |
25 margin: 50px; | 25 margin: 50px; |
26 background-color: green; | 26 background-color: green; |
27 opacity: 0.7; | 27 opacity: 0.7; |
28 -webkit-transition: -webkit-transform 1s linear; | 28 -webkit-transition: -webkit-transform 1s linear; |
29 } | 29 } |
30 | 30 |
31 .box.final #inner1 { | 31 .box.final #inner1 { |
32 -webkit-transform: scale(2); | 32 transform: scale(2); |
33 } | 33 } |
34 | 34 |
35 .box.final #inner2 { | 35 .box.final #inner2 { |
36 -webkit-transform: scaleX(2); | 36 transform: scaleX(2); |
37 } | 37 } |
38 </style> | 38 </style> |
39 | 39 |
40 <script src="../../animations/resources/animation-test-helpers.js" type="text/
javascript" charset="utf-8"></script> | 40 <script src="../../animations/resources/animation-test-helpers.js" type="text/
javascript" charset="utf-8"></script> |
41 <script type="text/javascript" charset="utf-8"> | 41 <script type="text/javascript" charset="utf-8"> |
42 | 42 |
43 const expectedValues = [ | 43 const expectedValues = [ |
44 // [time, element-id, property, expected-value, tolerance] | 44 // [time, element-id, property, expected-value, tolerance] |
45 [0.5, 'inner1', '-webkit-transform.0', 1.5, 0.1], | 45 [0.5, 'inner1', '-webkit-transform.0', 1.5, 0.1], |
46 [0.5, 'inner2', '-webkit-transform.0', 1.5, 0.1], | 46 [0.5, 'inner2', '-webkit-transform.0', 1.5, 0.1], |
(...skipping 16 matching lines...) Expand all Loading... |
63 </div> | 63 </div> |
64 | 64 |
65 <div class="box" id="box2"> | 65 <div class="box" id="box2"> |
66 <div class="indicator"></div> | 66 <div class="indicator"></div> |
67 <div class="inner" id="inner2"></div> | 67 <div class="inner" id="inner2"></div> |
68 </div> | 68 </div> |
69 | 69 |
70 <div id="result"></div> | 70 <div id="result"></div> |
71 </body> | 71 </body> |
72 </html> | 72 </html> |
OLD | NEW |