Make images loading less jarring
This commit is contained in:
parent
e0194fd06d
commit
0355d1e0db
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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")
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue