Refactor on dialog animation

pull/12/head
mertsincan 2019-05-20 15:28:19 +03:00
parent ef782c3046
commit 11ee9a5496
1 changed files with 12 additions and 6 deletions

View File

@ -106,15 +106,21 @@
}
/* Animation */
.p-dialog-enter-active {
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
}
.p-dialog-leave-active {
opacity: 0;
transition: all 75ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.p-dialog-enter,
.p-dialog-leave-to {
opacity: 0;
transform: translate3d(-50%, -25%, 0) scale(0.9);
}
.p-dialog-enter-active,
.p-dialog-leave-active {
transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transform: translateX(-50%) translateY(-50%) scale(0.7);
}
/* Maximize */