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 17:04:25 +08:00
parent 4847117b52
commit 2465aa4291
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
css/index.css
View File

@@ -111,8 +111,8 @@
} }
/* 登录按钮 - 线框风格 */ /* 登录按钮 - 线框风格 */
#index .btn-normal-light, #index .nav-right .btn-normal-light,
#index #loginBtn { #index .nav-right #loginBtn {
padding: 8px 20px; padding: 8px 20px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
@@ -126,8 +126,8 @@
overflow: hidden; overflow: hidden;
} }
#index .btn-normal-light::before, #index .nav-right .btn-normal-light::before,
#index #loginBtn::before { #index .nav-right #loginBtn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 50%; top: 50%;
@@ -140,23 +140,23 @@
transition: width 0.6s ease, height 0.6s ease; transition: width 0.6s ease, height 0.6s ease;
} }
#index .btn-normal-light:hover, #index .nav-right .btn-normal-light:hover,
#index #loginBtn:hover { #index .nav-right #loginBtn:hover {
border-color: rgba(56, 189, 248, 0.6); border-color: rgba(56, 189, 248, 0.6);
color: #38BDF8; color: #38BDF8;
box-shadow: 0 0 20px rgba(56, 189, 248, 0.2); box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
transform: translateY(-2px); transform: translateY(-2px);
} }
#index .btn-normal-light:hover::before, #index .nav-right .btn-normal-light:hover::before,
#index #loginBtn:hover::before { #index .nav-right #loginBtn:hover::before {
width: 300px; width: 300px;
height: 300px; height: 300px;
} }
/* 注册按钮 - 渐变填充风格 */ /* 注册按钮 - 渐变填充风格 */
#index .btn-normal, #index .nav-right .btn-normal,
#index #registBtn { #index .nav-right #registBtn {
padding: 8px 20px; padding: 8px 20px;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
@@ -170,8 +170,8 @@
overflow: hidden; overflow: hidden;
} }
#index .btn-normal::before, #index .nav-right .btn-normal::before,
#index #registBtn::before { #index .nav-right #registBtn::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -183,21 +183,21 @@
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
#index .btn-normal:hover, #index .nav-right .btn-normal:hover,
#index #registBtn:hover { #index .nav-right #registBtn:hover {
box-shadow: box-shadow:
0 6px 20px rgba(56, 189, 248, 0.4), 0 6px 20px rgba(56, 189, 248, 0.4),
0 0 30px rgba(56, 189, 248, 0.3); 0 0 30px rgba(56, 189, 248, 0.3);
transform: translateY(-2px); transform: translateY(-2px);
} }
#index .btn-normal:hover::before, #index .nav-right .btn-normal:hover::before,
#index #registBtn:hover::before { #index .nav-right #registBtn:hover::before {
opacity: 1; opacity: 1;
} }
#index .btn-normal span, #index .nav-right .btn-normal span,
#index #registBtn span { #index .nav-right #registBtn span {
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
@@ -245,10 +245,10 @@
font-size: 13px; font-size: 13px;
} }
#index .btn-normal-light, #index .nav-right .btn-normal-light,
#index #loginBtn, #index .nav-right #loginBtn,
#index .btn-normal, #index .nav-right .btn-normal,
#index #registBtn { #index .nav-right #registBtn {
padding: 6px 16px; padding: 6px 16px;
font-size: 13px; font-size: 13px;
} }