fix(style): header-dividing animation

这个提交包含在:
2026-01-30 16:05:07 +00:00
未验证
父节点 a37eadac13
当前提交 4d9a2d13fe
+5 -3
查看文件
@@ -53,7 +53,7 @@
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
left: -10%; left: -5%;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 30%; width: 30%;
@@ -84,7 +84,7 @@
background-color: color-mix(in srgb, var(--background) 90%, transparent); background-color: color-mix(in srgb, var(--background) 90%, transparent);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
/* 进入动画:透明度由0到1 */ // 进入动画:透明度由0到1
animation: sticky-in 0.5s ease-in-out forwards; animation: sticky-in 0.5s ease-in-out forwards;
opacity: 1; opacity: 1;
@@ -116,10 +116,12 @@
// 扫描线动画 - 模拟终端扫描效果 // 扫描线动画 - 模拟终端扫描效果
@keyframes scan-line { @keyframes scan-line {
0% { 0% {
left: -10%; left: -5%;
width: 5%;
opacity: 0; opacity: 0;
} }
30% { 30% {
width: 30%;
opacity: .3; opacity: .3;
} }
70% { 70% {