From ec0c5c3c05064a14bb504a478fa0e396d751facf Mon Sep 17 00:00:00 2001
From: DIYgod <diy.d.god@gmail.com>
Date: Thu, 8 Mar 2018 22:58:45 +0800
Subject: [PATCH] smooth volume bar

---
 src/css/index.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/css/index.scss b/src/css/index.scss
index c389d56..0463660 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -307,17 +307,18 @@ $aplayer-height-lrc: $aplayer-height + $lrc-height - 6;
                 cursor: pointer !important;
 
                 &:hover .aplayer-volume-bar-wrap {
-                    display: block;
+                    height: 40px;
                 }
 
                 .aplayer-volume-bar-wrap {
-                    display: none;
                     position: absolute;
                     bottom: 15px;
                     right: -3px;
                     width: 25px;
-                    height: 40px;
+                    height: 0;
                     z-index: 99;
+                    overflow: hidden;
+                    transition: all .2s ease-in-out;
 
                     .aplayer-volume-bar {
                         position: absolute;
@@ -326,6 +327,8 @@ $aplayer-height-lrc: $aplayer-height + $lrc-height - 6;
                         width: 5px;
                         height: 35px;
                         background: #aaa;
+                        border-radius: 2.5px;
+                        overflow: hidden;
 
                         .aplayer-volume {
                             position: absolute;