/html/timeline.html

https://github.com/ajanthanm/cssfilterlab · HTML · 19 lines · 15 code · 4 blank · 0 comment · 0 complexity · 4097aa793909388e72b0c97a6df278c2 MD5 · raw file

  1. <div id="timeline">
  2. <h4 class="title">Timeline</h4>
  3. <div id="playPauseButton" class="play" title="Play animation">Play</div>
  4. <div id="gotoPrevKeyframeButton" class="prev" title="Go to previous keyframe">Previous keyframe</div>
  5. <div id="toggleActiveKeyframeButton" class="toggle" title="Toggle keyframe on/off">Toggle keyframe</div>
  6. <div id="gotoNextKeyframeButton" class="next" title="Go to next keyframe">Next keyframe</div>
  7. <span class="start">0s</span>
  8. <div class="keyframe_wrapper">
  9. <div class="keyframe_bar">
  10. <div class="keyframes_list"></div>
  11. <div class="play_head"><span class="laser"></span></div>
  12. </div>
  13. </div>
  14. <input type="number" id="timelineDuration" min="0" value="0.5" step="0.1" />
  15. </div>