[更新]:ログイン後ぼかしが入るように調整

diff --git a/css/theme.css b/css/theme.css
index cbef0be..9884479 100644 (file)
--- a/css/theme.css
+++ b/css/theme.css
@@ -8,6 +8,10 @@
        src: url('NotoSansJP-Regular.otf') format('opentype');
 
 }
+.gaussfade-out{
+  transition: ease 3s;
+  filter: blur(100px);
+}
 body {
   display: flex;
   min-height: 100vh;

diff --git a/js/theme.js b/js/theme.js
index c543342..1496ec7 100644 (file)
--- a/js/theme.js
+++ b/js/theme.js
@@ -62,6 +62,7 @@ $(greeter).on("ready", function(e) {
 
        // when the user is authenticated, do a transition and login
        $(greeter).on("grant", () => {
+               $("body").addClass("gaussfade-out");
                let session_key = $session.children("option:selected").val();
 
                $cover.fadeIn("slow", () => greeter.login(session_key));