From 4d6c2956e31ddcfd6dfe826e64acfd2fbe141366 Mon Sep 17 00:00:00 2001
From: danbulant <danbulant@gmail.com>
Date: Sun, 16 Feb 2020 11:46:54 +0100
Subject: [PATCH] Animations for blur

---
 client/src/renderers/styles/login.css | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/client/src/renderers/styles/login.css b/client/src/renderers/styles/login.css
index 27694c1..92a03e6 100644
--- a/client/src/renderers/styles/login.css
+++ b/client/src/renderers/styles/login.css
@@ -5,7 +5,26 @@
     color: white;
     font-family: 'robotomedium';
     font-size: 25px;
-    background: rgb(46, 46, 46);
+    animation: blurBackground 1s forwards;
     width: 100%;
     height: 100%;
+}
+@keyframes blurBackground{
+    from {
+        backdrop-filter: blur(0px);
+    }
+    to {
+        backdrop-filter: blur(5px);
+    }
+}
+.login.inactive {
+    animation: deblurBackground 1s forwards;
+}
+@keyframes deblurBackground {
+    from {
+        backdrop-filter: blur(5px);
+    }
+    to {
+        backdrop-filter: blur(0px);
+    }
 }
\ No newline at end of file