goview_vue/src/styles/common/animation.scss

37 lines
481 B
SCSS
Raw Normal View History

2021-12-15 14:25:28 +08:00
// 淡入淡出
2021-12-14 16:41:43 +08:00
.v-modal-enter {
animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
animation: v-modal-out 0.2s ease forwards;
}
@keyframes v-modal-in {
0% {
opacity: 0;
}
100% {
}
}
@keyframes v-modal-out {
0% {
}
100% {
opacity: 0;
}
}
2021-12-15 14:25:28 +08:00
// 移动动画
.list-complete-item {
transition: all 1s;
}
.list-complete-enter,
.list-complete-leave-to {
opacity: 0;
transform: translateY(30px);
}
.list-complete-leave-active {
position: absolute;
2021-12-18 22:05:00 +08:00
}