mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
61 lines
No EOL
1.1 KiB
CSS
61 lines
No EOL
1.1 KiB
CSS
.lazy-image-fadein {
|
|
-webkit-animation: lazy-image-fadein 330ms ease-in normal both;
|
|
animation: lazy-image-fadein 330ms ease-in normal both
|
|
}
|
|
|
|
.lazy-image-fadein-fast {
|
|
-webkit-animation: lazy-image-fadein 160ms ease-in normal both;
|
|
animation: lazy-image-fadein 160ms ease-in normal both
|
|
}
|
|
|
|
@-webkit-keyframes lazy-image-fadein {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes lazy-image-fadein {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.lazy-image-fadein {
|
|
opacity: 0;
|
|
-webkit-animation-duration: .8s;
|
|
animation-duration: .8s;
|
|
-webkit-animation-name: popInAnimation;
|
|
animation-name: popInAnimation;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-timing-function: cubic-bezier(0, 0, .5, 1);
|
|
animation-timing-function: cubic-bezier(0, 0, .5, 1)
|
|
}
|
|
|
|
@-webkit-keyframes popInAnimation {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes popInAnimation {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
opacity: 1
|
|
}
|
|
} |