yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大法大法
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-23 00:10:09 +08:00
parent eed43bedde
commit fe91863743
1 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/index.css
View File

@@ -107,7 +107,7 @@
background-blend-mode: normal, normal, normal; background-blend-mode: normal, normal, normal;
} }
/* 动态网格背景 */ /* 深色遮罩层（静态，不移动） */
.banner-cont .swiper-slide::before { .banner-cont .swiper-slide::before {
content: ''; content: '';
position: absolute; position: absolute;
@@ -115,17 +115,13 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
/* 添加深色遮罩，让文字更清晰 */ /* 深色渐变遮罩，让文字更清晰 */
background: background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 50%, rgba(15, 23, 42, 0.3) 100%);
linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 50%, rgba(15, 23, 42, 0.3) 100%),
linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px);
background-size: 100% 100%, 50px 50px, 50px 50px;
animation: gridMove 20s linear infinite;
pointer-events: none; pointer-events: none;
z-index: 1; z-index: 1;
} }
/* 动态网格背景 - 已禁用（视觉干扰）
@keyframes gridMove { @keyframes gridMove {
0% { 0% {
transform: translate(0, 0); transform: translate(0, 0);
@@ -134,6 +130,7 @@
transform: translate(50px, 50px); transform: translate(50px, 50px);
} }
} }
*/
/* 光晕装饰效果 - 已禁用（视觉干扰） /* 光晕装饰效果 - 已禁用（视觉干扰）
.banner-cont .swiper-slide::after { .banner-cont .swiper-slide::after {
@@ -1434,11 +1431,7 @@ html {
/* 平板尺寸下，调整遮罩透明度，文字居中 */ /* 平板尺寸下，调整遮罩透明度，文字居中 */
.banner-cont .swiper-slide::before { .banner-cont .swiper-slide::before {
background: background: linear-gradient(rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.7) 100%);
linear-gradient(rgba(15, 23, 42, 0.7) 0%, rgba(15, 23, 42, 0.7) 100%),
linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px);
background-size: 100% 100%, 50px 50px, 50px 50px;
} }
.banner-cont .swiper-slide .section-content { .banner-cont .swiper-slide .section-content {