style: 优化管理后台侧边栏图标的悬停动画效果
continuous-integration/drone/push Build is passing

This commit is contained in:
seahi committed 2026-09-29 21:09:03 +08:00
1 parent 4834d3d5f1
commit fdc0af0c10
1 file changed
+4 -27
+4 -27
View File
@@ -440,19 +440,9 @@
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* 仪表盘: 弹性脉冲 */
@keyframes pulse-icon {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.15);
}
}
/* 仪表盘: 平滑放大 */
.nav-item.nav-dashboard:hover :global(svg) {
animation: pulse-icon 0.4s ease-in-out;
transform: scale(1.1); /* 停留在略大状态 */
transform: scale(1.15);
}
/* 全部文章: 书页点头 */
@@ -477,23 +467,10 @@
transform: rotate(8deg);
}
/* 标签库: 挂件摇摆 */
@keyframes swing-icon {
0%,
100% {
transform: rotate(0);
}
25% {
transform: rotate(15deg);
}
75% {
transform: rotate(-10deg);
}
}
/* 标签库: 平滑倾斜 */
.nav-item.nav-tags:hover :global(svg) {
transform-origin: top left;
animation: swing-icon 0.6s ease-in-out;
transform: rotate(5deg);
transform: rotate(15deg);
}
/* 媒体与文件: 相框聚焦 */