26 lines
478 B
SCSS
26 lines
478 B
SCSS
// page transition
|
|
.page-enter-active {
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
.page-leave-active {
|
|
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
|
}
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
transform: translateY(20px);
|
|
opacity: 0;
|
|
}
|
|
|
|
// layout transition
|
|
.layout-enter-active {
|
|
transition: all 0.1s ease-out;
|
|
}
|
|
.layout-leave-active {
|
|
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
|
}
|
|
.layout-enter-from,
|
|
.layout-leave-to {
|
|
transform: translateY(-20px);
|
|
opacity: 0;
|
|
}
|