jdcProject_front/src/styles/transition.scss

26 lines
527 B
SCSS
Raw Normal View History

2022-07-21 16:08:43 +08:00
// See https://staging-cn.vuejs.org/guide/built-ins/transition.html for detail
// fade-transform
.fade-transform-leave-active,
.fade-transform-enter-active {
transition: all 0.5s;
}
.fade-transform-enter {
opacity: 0;
transform: translateX(-30px);
}
.fade-transform-leave-to {
opacity: 0;
transform: translateX(30px);
}
2022-08-25 16:26:28 +08:00
// sidebar-logo-fade
.sidebar-logo-fade-enter-active,
.sidebar-logo-fade-leave-active {
transition: opacity 1.5s;
}
.sidebar-logo-fade-enter-from,
.sidebar-logo-fade-leave-to {
opacity: 0;
}