mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

updata slide scale(.8). add zoomBig

Browse Source
This commit is contained in:
jljsj 2015-09-11 14:02:00 +08:00
parent c5ddeec465
commit c7fd8285c1
3 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/menu/index.jsx
View File

@ -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
View File

@ -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
View File

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