提交 c7fd8285 编写于 作者: J jljsj

updata slide scale(.8). add zoomBig

上级 c5ddeec4
......@@ -15,7 +15,7 @@ const AntMenu = React.createClass({
openAnimation = 'slide-up';
break;
case 'vertical':
openAnimation = 'zoom';
openAnimation = 'zoom-big';
break;
case 'inline':
openAnimation = animation;
......
......@@ -18,7 +18,7 @@
0% {
opacity: 0;
transform-origin: 0% 0%;
transform: scaleY(0);
transform: scaleY(.8);
}
100% {
opacity: 1;
......@@ -36,7 +36,7 @@
100% {
opacity: 0;
transform-origin: 0% 0%;
transform: scaleY(0);
transform: scaleY(.8);
}
}
......@@ -44,7 +44,7 @@
0% {
opacity: 0;
transform-origin: 100% 100%;
transform: scaleY(0);
transform: scaleY(.8);
}
100% {
opacity: 1;
......@@ -62,7 +62,7 @@
100% {
opacity: 0;
transform-origin: 100% 100%;
transform: scaleY(0);
transform: scaleY(.8);
}
}
......@@ -70,7 +70,7 @@
0% {
opacity: 0;
transform-origin: 0% 0%;
transform: scaleX(0);
transform: scaleX(.8);
}
100% {
opacity: 1;
......@@ -88,7 +88,7 @@
100% {
opacity: 0;
transform-origin: 0% 0%;
transform: scaleX(0);
transform: scaleX(.8);
}
}
......@@ -96,7 +96,7 @@
0% {
opacity: 0;
transform-origin: 100% 0%;
transform: scaleX(0);
transform: scaleX(.8);
}
100% {
opacity: 1;
......@@ -114,6 +114,6 @@
100% {
opacity: 0;
transform-origin: 100% 0%;
transform: scaleX(0);
transform: scaleX(.8);
}
}
......@@ -10,6 +10,7 @@
}
.zoom-motion(zoom, zoom);
.zoom-motion(zoom-big, zoomBig);
.zoom-motion(zoom-up, zoomUp);
.zoom-motion(zoom-down, zoomDown);
.zoom-motion(zoom-left, zoomLeft);
......@@ -34,6 +35,25 @@
transform: scale(0);
}
}
@keyframes zoomBigIn {
0% {
opacity: 0;
transform: scale(.8);
}
100% {
transform: scale(1);
}
}
@keyframes zoomBigOut {
0% {
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(.8);
}
}
@keyframes zoomUpIn {
0% {
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册