renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add opacity transition effect for page loaded

Browse Source
This commit is contained in:
Hakadao
2023-10-22 15:31:24 +08:00
parent 15d4cb49df
commit 6125b59dde
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/contentScripts/index.ts
View File

@@ -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)
}
}
})