mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
144 lines
No EOL
2.3 KiB
CSS
144 lines
No EOL
2.3 KiB
CSS
.mainAnimatedPage {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
contain: layout style size
|
|
}
|
|
|
|
@-webkit-keyframes view-fadeout {
|
|
from {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes view-fadeout {
|
|
from {
|
|
opacity: 1
|
|
}
|
|
|
|
to {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes view-fadein {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes view-fadein {
|
|
from {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes view-slideleft {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes view-slideleft {
|
|
from {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes view-slideleft-r {
|
|
from {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes view-slideleft-r {
|
|
from {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes view-slideright {
|
|
from {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@keyframes view-slideright {
|
|
from {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes view-slideright-r {
|
|
from {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
}
|
|
|
|
@keyframes view-slideright-r {
|
|
from {
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0)
|
|
}
|
|
} |