website/assets/scss/layouts/transitions.scss

30 lines
512 B
SCSS
Raw Permalink Normal View History

2023-01-23 09:07:18 +00:00
.page-enter-active,
.page-leave-active {
transition: all 0.15s ease-out;
}
.page-enter,
.page-leave-active {
opacity: 0.15;
transform: translateZ(0);
backface-visibility: hidden;
}
.main-transition-enter-active, .main-transition-leave-active {
transition: opacity .5s
}
.main-transition-enter, .main-transition-leave-active, .main-transition-leave-to {
opacity: 0
}
.transition-parent {
min-height: 10em;
position: relative;
}
.transition-child {
position: absolute;
top: 0;
left: 0;
}