Make images loading less jarring

2023-04-15 17:38:46 +02:00 · 2023-04-15 17:38:46 +02:00 · 0355d1e0db
parent e0194fd06d
commit 0355d1e0db
2 changed files with 5 additions and 2 deletions
--- a/comic_reader.css
+++ b/comic_reader.css
@ -14,7 +14,7 @@
 #reader-pages > img {
    display: inline-block;
    opacity:0;
-    transition: all 1.5s ease;
+    transition: all 1s cubic-bezier(.9,.03,.69,.22); /* ease-in quartic */
    flex-shrink: 0;
 }

--- a/comic_reader.js
+++ b/comic_reader.js
@ -103,7 +103,10 @@ function initReader(){
    }
    
    READER_PAGES.style.display = "flex"
-    READER_PAGES.hidden = false
+    setTimeout(() => {
+        READER_PAGES.hidden = false
+    }, "300")
+    
    
 }