Sha256: d163e0a8e220013a20a1869636e25eefbc4e4245b623946d97dcfe710aa46c1d
Contents?: true
Size: 1.56 KB
Versions: 4
Compression:
Stored size: 1.56 KB
Contents
.mblSwap {
-webkit-animation-duration: .6s;
-webkit-animation-timing-function: linear;
}
.mblSwap.mblOut {
-webkit-animation-name: mblSwapOut;
}
.mblSwap.mblIn {
-webkit-animation-name: mblSwapIn;
}
.mblSwap.mblOut.mblReverse {
-webkit-animation-name: mblSwapOutReverse;
}
.mblSwap.mblIn.mblReverse {
-webkit-animation-name: mblSwapInReverse;
}
@-webkit-keyframes mblSwapOut {
0% {
-webkit-transform: translate3d(0%,0%,0px) scale(1.0);
opacity: 1;
}
50% {
z-index: -60;
-webkit-transform: translate3d(-45%,5%,0px) scale(.6);
opacity: .4;
}
100% {
z-index: -100;
-webkit-transform: translate3d(-20%,10%,0px) scale(.4);
opacity: 0;
}
}
@-webkit-keyframes mblSwapIn {
0% {
z-index: -100;
-webkit-transform: translate3d(-20%,0%,0px) scale(.5);
opacity: .4;
}
50% {
z-index: -40;
-webkit-transform: translate3d(45%,0%,0px) scale(.7);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0%,0%,0px) scale(1.0);
opacity: 1;
}
}
@-webkit-keyframes mblSwapOutReverse {
0% {
-webkit-transform: translate3d(0%,0%,0px) scale(1.0);
opacity: 1;
}
50% {
z-index: -60;
-webkit-transform: translate3d(45%,5%,0px) scale(.6);
opacity: .4;
}
100% {
z-index: -100;
-webkit-transform: translate3d(20%,10%,0px) scale(.4);
opacity: 0;
}
}
@-webkit-keyframes mblSwapInReverse {
0% {
z-index: -100;
-webkit-transform: translate3d(20%,0%,0px) scale(.5);
opacity: .4;
}
50% {
z-index: -40;
-webkit-transform: translate3d(-45%,0%,0px) scale(.7);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0%,0%,0px) scale(1.0);
opacity: 1;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems