feat(banner): 替换为高端大气纯净3D科技艺术主视觉,彻底移除繁杂文字与UI截图,并调优通透遮罩
@@ -386,29 +386,29 @@ img {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
/* 轮播图幻灯片不同主题背景与中式意境光影 (浅色高雅、通透羽化、右侧鲜明视窗完全释放) */
|
||||
/* 轮播图幻灯片不同主题背景与中式意境光影 (高端大气现代科技主视觉,纯净无杂乱文字,右侧通透绽放) */
|
||||
.nhc-slide-theme-1 {
|
||||
background:
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 36%, rgba(255, 255, 255, 0.82) 44%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_lead.svg') right center / cover no-repeat;
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.6) 42%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_lead.jpg') right center / cover no-repeat;
|
||||
}
|
||||
|
||||
.nhc-slide-theme-2 {
|
||||
background:
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 36%, rgba(255, 255, 255, 0.82) 44%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_craft.svg') right center / cover no-repeat;
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.6) 42%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_craft.jpg') right center / cover no-repeat;
|
||||
}
|
||||
|
||||
.nhc-slide-theme-3 {
|
||||
background:
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 36%, rgba(255, 255, 255, 0.82) 44%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_agent.svg') right center / cover no-repeat;
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.6) 42%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_agent.jpg') right center / cover no-repeat;
|
||||
}
|
||||
|
||||
.nhc-slide-theme-4 {
|
||||
background:
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.98) 36%, rgba(255, 255, 255, 0.82) 44%, rgba(255, 255, 255, 0) 54%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_matrix.svg') right center / cover no-repeat;
|
||||
linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.6) 42%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%),
|
||||
url('../images/banners/banner_matrix.jpg') right center / cover no-repeat;
|
||||
}
|
||||
|
||||
/* 轮播图切换过渡微动画 */
|
||||
@@ -1662,23 +1662,23 @@ img {
|
||||
}
|
||||
.nhc-slide-theme-1 {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 65%, rgba(255, 255, 255, 0.70) 100%),
|
||||
url('../images/banners/banner_lead.svg') 80% center / cover no-repeat;
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 0.65) 100%),
|
||||
url('../images/banners/banner_lead.jpg') 80% center / cover no-repeat;
|
||||
}
|
||||
.nhc-slide-theme-2 {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 65%, rgba(255, 255, 255, 0.70) 100%),
|
||||
url('../images/banners/banner_craft.svg') 80% center / cover no-repeat;
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 0.65) 100%),
|
||||
url('../images/banners/banner_craft.jpg') 80% center / cover no-repeat;
|
||||
}
|
||||
.nhc-slide-theme-3 {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 65%, rgba(255, 255, 255, 0.70) 100%),
|
||||
url('../images/banners/banner_agent.svg') 80% center / cover no-repeat;
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 0.65) 100%),
|
||||
url('../images/banners/banner_agent.jpg') 80% center / cover no-repeat;
|
||||
}
|
||||
.nhc-slide-theme-4 {
|
||||
background:
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.90) 65%, rgba(255, 255, 255, 0.70) 100%),
|
||||
url('../images/banners/banner_matrix.svg') 80% center / cover no-repeat;
|
||||
linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.88) 60%, rgba(255, 255, 255, 0.65) 100%),
|
||||
url('../images/banners/banner_matrix.jpg') 80% center / cover no-repeat;
|
||||
}
|
||||
.nhc-hero-title {
|
||||
font-size: 32px;
|
||||
|
||||
|
之前 宽度: | 高度: | 大小: 485 KiB 之后 宽度: | 高度: | 大小: 591 KiB |
|
之前 宽度: | 高度: | 大小: 487 KiB 之后 宽度: | 高度: | 大小: 524 KiB |
|
之前 宽度: | 高度: | 大小: 490 KiB 之后 宽度: | 高度: | 大小: 627 KiB |
|
之前 宽度: | 高度: | 大小: 493 KiB 之后 宽度: | 高度: | 大小: 518 KiB |