smooth volume bar

2018-03-08 22:58:45 +08:00
parent 21ca7d7b9a
commit ec0c5c3c05
1 changed files with 6 additions and 3 deletions
@@ -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;