mirror of
https://github.com/clash-verge-rev/clash-verge-rev
synced 2025-05-08 04:45:45 +08:00
22 lines
479 B
SCSS
22 lines
479 B
SCSS
.page-enter {
|
|
opacity: 0;
|
|
clip-path: inset(0 100% 0 0); /* 完全隐藏内容 */
|
|
}
|
|
|
|
.page-enter-active {
|
|
opacity: 1;
|
|
clip-path: inset(0 0 0 0); /* 逐渐显示整个内容 */
|
|
transition: opacity 300ms, clip-path 300ms ease-in-out;
|
|
}
|
|
|
|
.page-exit {
|
|
opacity: 1;
|
|
clip-path: inset(0 0 0 0); /* 完全显示内容 */
|
|
}
|
|
|
|
.page-exit-active {
|
|
opacity: 0;
|
|
clip-path: inset(0 100% 0 0); /* 逐渐隐藏内容 */
|
|
transition: opacity 300ms, clip-path 300ms ease-in-out;
|
|
}
|