xuyue/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update
Some checks failed
Deploy / build-and-deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
yuetsh
2025-09-05 12:21:56 +08:00
parent 346dc71d2e
commit 1b9af9fa55
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
style.css
View File

@@ -41,11 +41,6 @@ body::before {
100% { opacity: 0.8; } 100% { opacity: 0.8; }
} }
a {
color: inherit;
text-decoration: none;
}
/* 动漫风格链接 */ /* 动漫风格链接 */
a { a {
color: #ff69b4; color: #ff69b4;
@@ -101,7 +96,8 @@ a:hover {
color: #ff69b4; color: #ff69b4;
text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3); text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3);
letter-spacing: 0.02em; letter-spacing: 0.02em;
animation: bounce 2s ease-in-out infinite; animation: centerRotate 4s linear infinite;
transform-origin: center;
} }
/* 动漫风格渐变文字 */ /* 动漫风格渐变文字 */
@@ -111,13 +107,12 @@ a:hover {
background-clip: text; background-clip: text;
color: transparent; color: transparent;
text-shadow: none; text-shadow: none;
animation: rainbow 3s ease-in-out infinite; animation: centerRotate 4s linear infinite, rainbow 3s ease-in-out infinite;
} }
@keyframes bounce { @keyframes centerRotate {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 0% { transform: rotate(0deg); }
40% { transform: translateY(-10px); } 100% { transform: rotate(360deg); }
60% { transform: translateY(-5px); }
} }
@keyframes rainbow { @keyframes rainbow {
@@ -175,7 +170,8 @@ a:hover {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 240, 245, 0.8) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 240, 245, 0.8) 100%);
box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2); box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
animation: cardFloat 4s ease-in-out infinite; animation: cardFloat 4s ease-in-out infinite, cardRotate 8s linear infinite;
transform-origin: center;
} }
.card::before { .card::before {
@@ -202,14 +198,20 @@ a:hover {
} }
@keyframes cardFloat { @keyframes cardFloat {
0%, 100% { transform: translateY(0px) rotate(0deg); } 0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-5px) rotate(1deg); } 50% { transform: translateY(-5px); }
}
@keyframes cardRotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} }
.card.pin { .card.pin {
background: linear-gradient(135deg, rgba(255, 192, 203, 0.9) 0%, rgba(255, 182, 193, 0.8) 100%); background: linear-gradient(135deg, rgba(255, 192, 203, 0.9) 0%, rgba(255, 182, 193, 0.8) 100%);
border-color: rgba(255, 105, 180, 0.6); border-color: rgba(255, 105, 180, 0.6);
animation: pinPulse 2s ease-in-out infinite; animation: pinPulse 2s ease-in-out infinite, cardRotate 8s linear infinite;
transform-origin: center;
} }
@keyframes pinPulse { @keyframes pinPulse {
@@ -224,6 +226,7 @@ a:hover {
border-color: rgba(255, 20, 147, 0.8); border-color: rgba(255, 20, 147, 0.8);
transform: translateY(-8px) scale(1.02); transform: translateY(-8px) scale(1.02);
box-shadow: 0 8px 25px rgba(255, 20, 147, 0.3); box-shadow: 0 8px 25px rgba(255, 20, 147, 0.3);
animation-play-state: paused;
} }
.card h2 { .card h2 {