style(css): 调整玻璃态背景透明度并修复动画键帧格式
- 将玻璃态背景的不透明度从 0.85 调整为 0.55 - 修复 fadeIn 动画关键帧中的多余空格问题 - 确保动画过渡更加平滑自然 - 统一 CSS 样式代码格式以提高可维护性 - 优化加载过渡效果的视觉表现 - 移除不必要的样式声明以减少文件体积
This commit is contained in:
@@ -49,7 +49,7 @@
|
|||||||
--bg-grad-1: #2d3436;
|
--bg-grad-1: #2d3436;
|
||||||
--bg-grad-2: #000000;
|
--bg-grad-2: #000000;
|
||||||
|
|
||||||
--glass-bg: rgba(30, 30, 35, 0.85); /* 提高背景不透明度增强可读性 */
|
--glass-bg: rgba(30, 30, 35, 0.55);
|
||||||
--glass-border: 1px solid rgba(255, 255, 255, 0.15);
|
--glass-border: 1px solid rgba(255, 255, 255, 0.15);
|
||||||
--glass-shadow: 0 18px 60px rgba(0, 0, 0, 0.65);
|
--glass-shadow: 0 18px 60px rgba(0, 0, 0, 0.65);
|
||||||
|
|
||||||
@@ -3146,4 +3146,4 @@ body {
|
|||||||
|
|
||||||
/* Loading Transition */
|
/* Loading Transition */
|
||||||
.fade-in { animation: fadeIn 0.3s ease both; }
|
.fade-in { animation: fadeIn 0.3s ease both; }
|
||||||
@keyframes fadeIn { from { opacity: 0; transform: translateY(2px);} to { opacity: 1; transform: none;} }
|
@keyframes fadeIn { from { opacity: 0; transform: translateY(2px);} to { opacity: 1; transform: none;} }
|
||||||
|
|||||||
Reference in New Issue
Block a user