bd4rr/vue-naive-admin
1
0
Fork 0
mirror of https://github.com/zclzone/vue-naive-admin.git synced 2026-01-23 16:10:21 +08:00
Code Activity

feat: 添加切换主题的动画效果

Browse Source
This commit is contained in:
zclzone
2024-06-25 16:44:27 +08:00
parent c2ff434b9d
commit c87f56814e
2 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/global.scss
View File

@@ -72,3 +72,23 @@ body {
}
}
}
/* 切换主题的动画效果 */
::view-transition-old(root) {
animation: none;
mix-blend-mode: normal;
}
::view-transition-new(root) {
animation: 0.5s ease-in circle-animation;
mix-blend-mode: normal;
}
@keyframes circle-animation {
from {
clip-path: circle(0 at var(--circle-x) var(--circle-y));
}
to {
clip-path: circle(var(--circle-r) at var(--circle-x) var(--circle-y));
}
}