Skip to content

Commit f8748e1

Browse files
yulin0629claude
andcommitted
fix: 優化場景卡片滑動漸變效果
- 修復滑動區域右側漸變遮罩的色彩落差問題 - 使用多層次透明度漸變 (0.95→0.8→0.4→0) - 增加漸變寬度從 60px 到 80px - 提升視覺過渡的平滑度和自然感 - 符合 Apple 風格的精緻設計標準 🎨 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent fed5bf7 commit f8748e1

1 file changed

Lines changed: 14 additions & 4 deletions

File tree

style.css

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -538,8 +538,13 @@ body {
538538
top: 20px;
539539
right: 0;
540540
bottom: 20px;
541-
width: 60px;
542-
background: linear-gradient(to left, #fbfbfd 0%, rgba(251,251,253,0) 100%);
541+
width: 80px;
542+
background: linear-gradient(to left,
543+
rgba(251,251,253,0.95) 0%,
544+
rgba(251,251,253,0.8) 20%,
545+
rgba(251,251,253,0.4) 60%,
546+
rgba(251,251,253,0) 100%
547+
);
543548
pointer-events: none;
544549
z-index: 1;
545550
opacity: 1;
@@ -552,8 +557,13 @@ body {
552557
top: 20px;
553558
left: 0;
554559
bottom: 20px;
555-
width: 60px;
556-
background: linear-gradient(to right, #fbfbfd 0%, rgba(251,251,253,0) 100%);
560+
width: 80px;
561+
background: linear-gradient(to right,
562+
rgba(251,251,253,0.95) 0%,
563+
rgba(251,251,253,0.8) 20%,
564+
rgba(251,251,253,0.4) 60%,
565+
rgba(251,251,253,0) 100%
566+
);
557567
pointer-events: none;
558568
z-index: 1;
559569
opacity: 0;

0 commit comments

Comments
 (0)