Make images loading less jarring

This commit is contained in:
Christian Aribaud 2023-04-15 17:38:46 +02:00
parent e0194fd06d
commit 0355d1e0db
2 changed files with 5 additions and 2 deletions

View File

@ -14,7 +14,7 @@
#reader-pages > img { #reader-pages > img {
display: inline-block; display: inline-block;
opacity:0; opacity:0;
transition: all 1.5s ease; transition: all 1s cubic-bezier(.9,.03,.69,.22); /* ease-in quartic */
flex-shrink: 0; flex-shrink: 0;
} }

View File

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