diff --git a/web/static/css/main.css b/web/static/css/main.css
index e613282..fc0d3a8 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -325,6 +325,7 @@ a {
     transform: translate3d(0px, 0px, 0) scale(1);
     opacity: var(0.6);
     border-radius: inherit;
+    transition: all 1s ease-in-out;
 }
 
 .player-controller {