From 6b43208e4955c68f4628e905954c4631240c5384 Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Tue, 24 Sep 2024 01:13:54 +0300
Subject: [PATCH] feat: add opacity change to window anim

---
 src/styles/app.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/styles/app.css b/src/styles/app.css
index d15fd87..eaa9f24 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -212,36 +212,51 @@ a.app-selected-route {
     @keyframes window-open-scale {
         0% {
             transform: scale(0.0);
+            opacity: 0.0;
         }
         30% {
             transform: scale(0.0);
         }
+        60% {
+            opacity: 0.5;
+        }
         100% {
             transform: scale(1.0);
+            opacity: 1.0;
         }
     }
     
     @keyframes window-open-scale-vertical {
         0% {
             transform: scale(1.0, 0.0);
+            opacity: 0.0;
         }
         30% {
             transform: scale(1.0, 0.0);
         }
+        60% {
+            opacity: 0.5;
+        }
         100% {
             transform: scale(1.0, 1.0);
+            opacity: 1.0;
         }
     }
     
     @keyframes window-open-scale-horizontal {
         0% {
             transform: scale(0.0, 1.0);
+            opacity: 0.0;
         }
         30% {
             transform: scale(0.0, 1.0);
         }
+        60% {
+            opacity: 0.5;
+        }
         100% {
             transform: scale(1.0, 1.0);
+            opacity: 1.0;
         }
     }
 }