diff --git a/css/index.css b/css/index.css index 91de69a..8d3fc17 100644 --- a/css/index.css +++ b/css/index.css @@ -543,8 +543,8 @@ } .banner-s .banner-list .banner-item:hover .banner-item-icon { - transform: scale(1.1) rotate(5deg); - filter: brightness(1.3) drop-shadow(0 0 12px rgba(56, 189, 248, 0.6)); + transform: scale(1.05); + filter: brightness(1.2); } /* banner-item 文字内容区域 */ @@ -574,23 +574,21 @@ /* 悬浮效果 */ .banner-s .banner-list .banner-item:hover { - transform: translateY(-12px); - border-color: rgba(56, 189, 248, 0.4); - background: rgba(15, 23, 42, 0.8); + transform: translateY(-8px); + border-color: rgba(56, 189, 248, 0.3); + background: rgba(15, 23, 42, 0.75); box-shadow: - 0 20px 60px rgba(56, 189, 248, 0.3), - 0 0 40px rgba(56, 189, 248, 0.15), - inset 0 1px 0 rgba(255, 255, 255, 0.2); + 0 12px 40px rgba(15, 23, 42, 0.6), + inset 0 1px 0 rgba(255, 255, 255, 0.15); } .banner-s .banner-list .banner-item:hover::before { - opacity: 1; + opacity: 0; } .banner-s .banner-list .banner-item:hover h5 { color: #38BDF8; - text-shadow: 0 0 20px rgba(56, 189, 248, 0.5); - transform: translateX(5px); + transform: translateX(3px); } /* 移除分隔线 */ @@ -787,7 +785,6 @@ .banner .banner-s .banner-list .banner-item h5 .highlight { color: #38BDF8; font-weight: 700; - text-shadow: 0 0 20px rgba(56, 189, 248, 0.5); } .banner .banner-s .banner-list .banner-item .title-desc {