Browse Source

updata slide scale(.8). add zoomBig

pull/287/head
jljsj 9 years ago
parent
commit
c7fd8285c1
  1. 2
      components/menu/index.jsx
  2. 16
      style/core/motion/slide.less
  3. 20
      style/core/motion/zoom.less

2
components/menu/index.jsx

@ -15,7 +15,7 @@ const AntMenu = React.createClass({
openAnimation = 'slide-up';
break;
case 'vertical':
openAnimation = 'zoom';
openAnimation = 'zoom-big';
break;
case 'inline':
openAnimation = animation;

16
style/core/motion/slide.less

@ -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);
}
}

20
style/core/motion/zoom.less

@ -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% {

Loading…
Cancel
Save