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

improve modal zoom animation

Browse Source
This commit is contained in:
afc163 2016-06-27 16:40:11 +08:00
parent faa6645983
commit b5f49a5aad
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/modal/style/modal.less
View File

@ -102,7 +102,7 @@
&.zoom-enter,
&.zoom-appear {
animation-duration: .2s;
animation-duration: .3s;
transform: none; // reset scale avoid mousePosition bug
opacity: 0;
}

6
components/style/core/motion/zoom.less
View File

@ -10,7 +10,9 @@
}
}
// For Modal
.zoom-motion(zoom, antZoom);
// For Tooltip、Popover、Popconfirm、Dropdown
.zoom-motion(zoom-big, antZoomBig);
.zoom-motion(zoom-up, antZoomUp);
.zoom-motion(zoom-down, antZoomDown);
@ -20,7 +22,7 @@
@keyframes antZoomIn {
0% {
opacity: 0;
transform: scale(0);
transform: scale(0.2);
}
100% {
opacity: 1;
@ -34,7 +36,7 @@
}
100% {
opacity: 0;
transform: scale(0);
transform: scale(0.2);
}
}