From 6125b59ddeb08e8bccde345c9dadb33c03243ffd Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 22 Oct 2023 15:31:24 +0800
Subject: [PATCH] feat: add opacity transition effect for page loaded

---
 src/contentScripts/index.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/contentScripts/index.ts b/src/contentScripts/index.ts
index f02d3241..47fd5975 100644
--- a/src/contentScripts/index.ts
+++ b/src/contentScripts/index.ts
@@ -24,6 +24,13 @@ const beforeLoadedStyleEl = injectCSS(`
   }
 `)
 
+// Add opacity transition effect for page loaded
+injectCSS(`
+  body {
+    transition: opacity 0.5s;
+  }
+`)
+
 if (isFirefox) {
   let isFirstScriptExecute = true
   document.addEventListener('beforescriptexecute', () => {
@@ -48,7 +55,7 @@ if (isFirefox) {
     ) {
       setTimeout(() => {
         document.documentElement.removeChild(beforeLoadedStyleEl)
-      }, 300)
+      }, 400)
     }
     else {
       window.onload = () => {
@@ -78,7 +85,9 @@ else {
     }
     else {
       window.onload = () => {
-        document.documentElement.removeChild(beforeLoadedStyleEl)
+        setTimeout(() => {
+          document.documentElement.removeChild(beforeLoadedStyleEl)
+        }, 300)
       }
     }
   })