Added animation when covers are loaded

2020-05-18 22:55:34 +02:00
parent bbf0e62393
commit 390f9b82ec
6 changed files with 18 additions and 2 deletions
@@ -75,6 +75,11 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	margin: auto;
 	border-radius: 3px;
 	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
+    opacity: 0;
+    -moz-transition: opacity 1s;
+    -webkit-transition: opacity 1s;
+    -o-transition: opacity 1s;
+    transition: opacity 1s;
 }

 .Lms-cover:hover {
@@ -90,6 +95,10 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
 }

+.Lms-cover-loaded {
+    opacity: 1;
+}
+
 .Lms-entry-playing {
 	font-weight: bold;
 	border-radius: 3px;