lycaknight/glance
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Make images fade in as they load

Browse source
This commit is contained in:
Svilen Markov 2024-05-12 03:18:55 +01:00
parent 82f51293df
commit 4beab6bcec
2 changed files with 40 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
internal/assets/static/main.css
View file

@ -217,6 +217,18 @@ img, svg {
max-width: 100%;
}
img[loading=lazy].loaded:not(.finished-transition) {
transition: opacity .4s;
}
img[loading=lazy].cached:not(.finished-transition) {
transition: none;
}
img[loading=lazy]:not(.loaded, .cached) {
opacity: 0;
}
html {
scrollbar-color: var(--color-text-subdue) transparent;
scroll-behavior: smooth;