MrTimscampi
45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
.lazy-image-fadein {
|
|
opacity: 0;
|
|
animation: lazy-image-fadein 330ms ease-in normal both;
|
|
-webkit-animation-duration: 0.8s;
|
|
-moz-animation-duration: 0.8s;
|
|
-o-animation-duration: 0.8s;
|
|
animation-duration: 0.8s;
|
|
-webkit-animation-name: popInAnimation;
|
|
-moz-animation-name: popInAnimation;
|
|
-o-animation-name: popInAnimation;
|
|
animation-name: popInAnimation;
|
|
-webkit-animation-fill-mode: forwards;
|
|
-moz-animation-fill-mode: forwards;
|
|
-o-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
-moz-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
-o-animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
}
|
|
|
|
.lazy-image-fadein-fast {
|
|
animation: lazy-image-fadein 160ms ease-in normal both;
|
|
}
|
|
|
|
@keyframes lazy-image-fadein {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes popInAnimation {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|