2018-10-23 01:13:23 +03:00
|
|
|
.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
|
|
|
|
}
|
|
|
|
}
|