From 4d9a2d13feb193b18395ddb832835ce378fd9cfd Mon Sep 17 00:00:00 2001 From: rohow Date: Fri, 30 Jan 2026 16:05:07 +0000 Subject: [PATCH] fix(style): header-dividing animation --- src/styles/header-dividing.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/styles/header-dividing.scss b/src/styles/header-dividing.scss index 5f9afdf..ec33e7a 100644 --- a/src/styles/header-dividing.scss +++ b/src/styles/header-dividing.scss @@ -53,7 +53,7 @@ &::after { content: ''; position: absolute; - left: -10%; + left: -5%; top: 50%; transform: translateY(-50%); width: 30%; @@ -84,7 +84,7 @@ background-color: color-mix(in srgb, var(--background) 90%, transparent); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); - /* 进入动画:透明度由0到1 */ + // 进入动画:透明度由0到1 animation: sticky-in 0.5s ease-in-out forwards; opacity: 1; @@ -116,10 +116,12 @@ // 扫描线动画 - 模拟终端扫描效果 @keyframes scan-line { 0% { - left: -10%; + left: -5%; + width: 5%; opacity: 0; } 30% { + width: 30%; opacity: .3; } 70% {