小鱼开发
83 lines
1.5 KiB
Plaintext
83 lines
1.5 KiB
Plaintext
@-webkit-keyframes zoomIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale3d(.3, .3, .3);
|
|
transform:scale3d(.3, .3, .3)
|
|
}
|
|
50% {
|
|
opacity:1
|
|
}
|
|
}
|
|
@keyframes zoomIn {
|
|
0% {
|
|
opacity:0;
|
|
-webkit-transform:scale3d(.3, .3, .3);
|
|
transform:scale3d(.3, .3, .3)
|
|
}
|
|
50% {
|
|
opacity:1
|
|
}
|
|
}
|
|
.zoomIn {
|
|
-webkit-animation-name:zoomIn;
|
|
animation-name:zoomIn
|
|
}
|
|
|
|
@-webkit-keyframes zoomOut {
|
|
0% {
|
|
opacity:1
|
|
}
|
|
50% {
|
|
opacity:0;
|
|
-webkit-transform:scale3d(.3, .3, .3);
|
|
transform:scale3d(.3, .3, .3)
|
|
}
|
|
to {
|
|
opacity:0
|
|
}
|
|
}
|
|
@keyframes zoomOut {
|
|
0% {
|
|
opacity:1
|
|
}
|
|
50% {
|
|
opacity:0;
|
|
-webkit-transform:scale3d(.3, .3, .3);
|
|
transform:scale3d(.3, .3, .3)
|
|
}
|
|
to {
|
|
opacity:0
|
|
}
|
|
}
|
|
.zoomOut {
|
|
-webkit-animation-name:zoomOut;
|
|
animation-name:zoomOut
|
|
}
|
|
|
|
|
|
@-webkit-keyframes slideInDown {
|
|
0% {
|
|
-webkit-transform:translate3d(0, -100%, 0);
|
|
transform:translate3d(0, -100%, 0);
|
|
visibility:visible
|
|
}
|
|
to {
|
|
-webkit-transform:translateZ(0);
|
|
transform:translateZ(0)
|
|
}
|
|
}
|
|
@keyframes slideInDown {
|
|
0% {
|
|
-webkit-transform:translate3d(0, -100%, 0);
|
|
transform:translate3d(0, -100%, 0);
|
|
visibility:visible
|
|
}
|
|
to {
|
|
-webkit-transform:translateZ(0);
|
|
transform:translateZ(0)
|
|
}
|
|
}
|
|
.slideInDown {
|
|
-webkit-animation-name:slideInDown;
|
|
animation-name:slideInDown
|
|
} |