From 2719b3da4eb1cbfde6eb6c745878455fb0002b53 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 17 Feb 2022 03:19:06 -0800
Subject: [PATCH] fancy animations

---
 src/renderer/less/pages.less | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index a33fd1dd..ce396ac5 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -904,6 +904,25 @@
 .replay-page {
   --replayTextShadow: 0px 3px 2px #6f3f52;
 
+
+  .cd-mediaitem-square {
+    .mediaitem-artwork {
+      animation: replayFadeIn .5s var(--appleEase);
+    }
+  }
+
+  @keyframes replayFadeIn {
+    0% {
+      transform: translateY(10px) scale(0.9);
+      opacity: 0;
+    }
+
+    100% {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
   .replay-viewport {
     background: var(--replayGradient);
     padding: 16px 40px;