2025-08-20 14:39:30 +08:00
|
|
|
.scroll-y-transition {
|
2025-10-21 18:04:02 +08:00
|
|
|
.transition-default();
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from,
|
|
|
|
|
&-leave-to {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from {
|
|
|
|
|
transform: translateY(-15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-leave-to {
|
|
|
|
|
transform: translateY(15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.scroll-y-reverse-transition {
|
2025-10-21 18:04:02 +08:00
|
|
|
.transition-default();
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from,
|
|
|
|
|
&-leave-to {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from {
|
|
|
|
|
transform: translateY(15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-leave-to {
|
|
|
|
|
transform: translateY(-15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.scroll-x-transition {
|
2025-10-21 18:04:02 +08:00
|
|
|
.transition-default();
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from,
|
|
|
|
|
&-leave-to {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from {
|
|
|
|
|
transform: translateX(-15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-leave-to {
|
|
|
|
|
transform: translateX(15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.scroll-x-reverse-transition {
|
2025-10-21 18:04:02 +08:00
|
|
|
.transition-default();
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from,
|
|
|
|
|
&-leave-to {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-enter-from {
|
|
|
|
|
transform: translateX(15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
|
2025-10-21 18:04:02 +08:00
|
|
|
&-leave-to {
|
|
|
|
|
transform: translateX(-15px);
|
|
|
|
|
}
|
2025-08-20 14:39:30 +08:00
|
|
|
}
|