This commit is contained in:
@@ -76,6 +76,69 @@
|
|||||||
color: #38BDF8;
|
color: #38BDF8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ============================================
|
||||||
|
Header Logo 闪光特效
|
||||||
|
============================================ */
|
||||||
|
|
||||||
|
#index .nav-icon {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#index .nav-icon::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: -50%;
|
||||||
|
left: -100%;
|
||||||
|
width: 50%;
|
||||||
|
height: 200%;
|
||||||
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent 0%,
|
||||||
|
rgba(255, 255, 255, 0.1) 40%,
|
||||||
|
rgba(255, 255, 255, 0.4) 50%,
|
||||||
|
rgba(255, 255, 255, 0.1) 60%,
|
||||||
|
transparent 100%
|
||||||
|
);
|
||||||
|
transform: skewX(-25deg);
|
||||||
|
animation: logoShine 6s ease-in-out infinite;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes logoShine {
|
||||||
|
0% {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
left: 150%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
left: 150%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#index .nav-icon:hover::before {
|
||||||
|
animation: logoShineHover 0.8s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes logoShineHover {
|
||||||
|
0% {
|
||||||
|
left: -100%;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
left: 150%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#index .nav-icon img {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
#index .nav-icon:hover img {
|
||||||
|
filter: brightness(1.1) drop-shadow(0 0 10px rgba(56, 189, 248, 0.3));
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
/* ============================================
|
/* ============================================
|
||||||
Header 登录注册按钮重新设计
|
Header 登录注册按钮重新设计
|
||||||
============================================ */
|
============================================ */
|
||||||
|
|||||||
Reference in New Issue
Block a user