sunshine-layx
Version:
A magical window.
131 lines (115 loc) • 2.42 kB
CSS
.layx-animate {
animation-duration: 0.1s;
animation-fill-mode: both;
}
.layx-animate-d3s {
animation-duration: 0.3s;
animation-fill-mode: both;
}
.layx-animate-zoom-show {
animation-name: layx-animate-zoom-show;
}
.layx-animate-zoom-destroy {
animation-name: layx-animate-zoom-destroy;
}
.layx-animate-zoom-to-min {
animation-name: layx-animate-zoom-to-min;
}
.layx-animate-zoom-drag-to-normal {
animation-name: layx-animate-zoom-drag-to-normal;
}
.layx-animate-zoom-to-max, .layx-animate-zoom-to-normal {
transition-property: left, top, width, height;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
}
@keyframes layx-animate-zoom-show {
from {
transform: scale3d(0.9, 0.9, 0.9);
}
50% {}
}
@keyframes layx-animate-zoom-drag-to-normal {
from {
transform: scale3d(1.1, 1.1, 1.1);
}
50% {}
}
@keyframes layx-animate-zoom-destroy {
from {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: scale3d(0.9, 0.9, 0.9);
}
}
@keyframes layx-animate-zoom-to-min {
from {
opacity: 1;
}
50% {
opacity: 0;
}
to {
opacity: 0;
transform: scale3d(0.9, 0.9, 0.9);
}
}
@keyframes layx-animate-salver-slide-up {
from {
bottom: -45px;
}
to {
bottom: 0;
}
}
@keyframes layx-animate-salver-slide-down {
from {
bottom: 0;
}
to {
bottom: -45px;
}
}
@keyframes layx-animate-fade-in-right {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes layx-animate-fade-in-right-reverse {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
@keyframes layx-animate-fade-in-left {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes layx-animate-slide-to-top {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 100%, 0);
}
}