| 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 |