drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added move up transition for Notice

Browse source 
#30
This commit is contained in:
Rijn 2017-02-14 15:27:30 -06:00
parent 0b1b650da3
commit be0769d475
5 changed files with 68 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/styles/animation/move.less
View file

@ -117,3 +117,45 @@
opacity: 0;
}
}
// specific transition for Notice
.move-motion(move-notice, ivuMoveNotice);
@import '../components/notice.less';
@keyframes ivuMoveNoticeIn {
0% {
opacity: 0;
transform-origin: 0 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform-origin: 0 0;
transform: translateX(0%);
}
}
@keyframes ivuMoveNoticeOut {
0% {
transform-origin: 0 0;
transform: translateX(0%);
opacity: 1;
}
70% {
transform-origin: 0 0;
transform: translateX(100%);
height: auto;
padding: @notice-padding;
margin-bottom: @notice-margin-bottom;
opacity: 0;
}
100% {
transform-origin: 0 0;
transform: translateX(100%);
height: 0;
padding: 0;
margin-bottom: 0;
opacity: 0;
}
}