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

  2.     <h4 class="title">Timeline</h4>
    3. 

  3.     <div id="playPauseButton" class="play" title="Play animation">Play</div>
    4. 

  4. 

  5.     <div id="gotoPrevKeyframeButton" class="prev" title="Go to previous keyframe">Previous keyframe</div>
    6. 

  6.     <div id="toggleActiveKeyframeButton" class="toggle" title="Toggle keyframe on/off">Toggle keyframe</div>
    7. 

  7.     <div id="gotoNextKeyframeButton" class="next" title="Go to next keyframe">Next keyframe</div>
    8. 

  8. 

  9.     <span class="start">0s</span>
    10. 

  10. 

  11.     <div class="keyframe_wrapper">
    12. 

  12.         <div class="keyframe_bar">
    13. 

  13.             <div class="keyframes_list"></div>
    14. 

  14.             <div class="play_head"><span class="laser"></span></div>
    15. 

  15.         </div>
    16. 

  16.     </div>
    17. 

  17. 

  18.     <input type="number" id="timelineDuration" min="0" value="0.5" step="0.1"  />
    19. 

  19. </div>
    20.