web/notify.moe
Code Issues Pull Requests Activity

Heavily improved image loader

Browse Source
This commit is contained in:
Eduard Urbach
2018-03-20 23:58:37 +01:00
parent 6e603597ef
commit 5b2e22bbfc
3 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles/images.scarlet
View File

@ -1,21 +1,23 @@
mixin image-appear
animation color-preview 400ms forwards
.lazy
visibility hidden
opacity 0
// Hide the alt text that is shown while the image is loading
text-indent -500px
.element-color-preview
visibility visible
animation color-preview 1000ms forwards
image-appear
animation color-preview
0%
opacity 0
100%
opacity 1
.element-found
visibility visible
opacity 1
image-appear
.element-not-found
visibility hidden