OLD | NEW |
1 <style> | 1 <style> |
2 #container { | 2 #container { |
3 position: relative; | 3 position: relative; |
4 } | 4 } |
5 | 5 |
6 #control { | 6 #control { |
7 position: absolute; | 7 position: absolute; |
8 background-color: black; | 8 background-color: black; |
9 width: 20px; | 9 width: 20px; |
10 height: 0px; | 10 height: 0px; |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 container.appendChild(textBlock); | 55 container.appendChild(textBlock); |
56 var keyframe = {height: i * keyframeHeight + 'px'}; | 56 var keyframe = {height: i * keyframeHeight + 'px'}; |
57 if (easing.length) { | 57 if (easing.length) { |
58 keyframe.easing = easing; | 58 keyframe.easing = easing; |
59 } | 59 } |
60 keyframes.push(keyframe); | 60 keyframes.push(keyframe); |
61 }); | 61 }); |
62 keyframes.push({height: easings.length * keyframeHeight + 'px'}); | 62 keyframes.push({height: easings.length * keyframeHeight + 'px'}); |
63 target.animate(keyframes, timing); | 63 target.animate(keyframes, timing); |
64 </script> | 64 </script> |
OLD | NEW |