From a6184437ec8d8c423b7dbcd581a3ceb6c6c83559 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 10 May 2025 09:45:11 -0700
Subject: [PATCH] New: Animate item backdrops

---
 Theme/ElegantFin-theme-nightly.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index fed3c61..92e1b28 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -671,9 +671,23 @@ html {
     background: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPointAlpha) 100%);
 }
 
-.backdropContainer {
-    scale: 1.125;
+@keyframes scaleOnce {
+    from {
+        transform: scale(1) translate(0, 0);
+        opacity: 0;
+    }
+
+    to {
+        transform: scale(1.075) translate(2%, -3%);
+        opacity: 1;
+    }
+}
+
+
+.backdropImageFadeIn,
+.layout-mobile .itemBackdrop {
     overflow: hidden;
+    animation: scaleOnce 3s ease-out forwards;
 }
 
 .backdropContainer::after {