improve bgzoom anim, fix twice single img zoom

haojiezhe12345 · Jun 17, 2024 · 97a7813 · 97a7813
1 parent fb4c2c8
commit 97a7813
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/index.css b/index.css
@@ -113,7 +113,7 @@ body>* {
     17% {
         opacity: 1;
         transform: scale(1.15);
-        animation-timing-function: linear;
+        animation-timing-function: ease-out;
     }
 
     100% {

diff --git a/index.js b/index.js
@@ -1039,9 +1039,8 @@ const Theme = {
         this.currentCaption = -1
 
         this.getCurrentBgs()[0].classList.add('bgzoom')
-        this.timers.setTimeout(() => this.getCurrentBgs()[0].classList.remove('bgzoom'), 10500)
-        setOneTimeCSS(this.elements.captionContainer, { transition: 'none' })
         this.elements.captionContainer.style.opacity = 0
+        setOneTimeCSS(this.elements.captionContainer, { transition: 'none' })
 
         this.nextImg()
         this.nextCaption()
@@ -1100,6 +1099,7 @@ const Theme = {
             this.timers.setTimeout(() => {
                 bgs[prev].classList.remove('ready', 'animating')
                 bgs[next].classList.add('ready')
+                bgs[next].classList.remove('bgzoom')
                 bgs[next].firstElementChild.style.backgroundImage = `url("${bgurl}mainbg${next + 1}.jpg?2")`
             }, 2500);
         } catch (error) {