diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 24 |
1 files changed, 22 insertions, 2 deletions
@@ -197,15 +197,35 @@ body { z-index: 10000; } -.bottom-bar .seekbar { +.seekbar { width: 100%; height: 0.5em; background: #333; cursor: pointer; } -.bottom-bar .seekbar .progress { +.seekbar .progress { + position: relative; height: 100%; background: #bf1041; pointer-events: none; } + +.seekbar .progress .tip { + position: absolute; + right: 0; + width: 0; + height: 0; + top: 0.25em; + border-radius: 100%; + background: #bf1041; + box-shadow: 0 2px 3px -1px #000; + transition: width 0.2s, height 0.2s, right 0.2s, top 0.2s; +} + +.seekbar:hover .progress .tip { + width: 0.9em; + height: 0.9em; + right: -0.45em; + top: -0.2em; +} |