From 1b9af9fa5526fa57566f02d26a435632d8ea46a1 Mon Sep 17 00:00:00 2001 From: yuetsh <517252939@qq.com> Date: Fri, 5 Sep 2025 12:21:56 +0800 Subject: [PATCH] update --- style.css | 33 ++++++++++++++++++--------------- 1 file changed, 18 insertions(+), 15 deletions(-) diff --git a/style.css b/style.css index 3224248..8cd28ef 100644 --- a/style.css +++ b/style.css @@ -41,11 +41,6 @@ body::before { 100% { opacity: 0.8; } } -a { - color: inherit; - text-decoration: none; -} - /* 动漫风格链接 */ a { color: #ff69b4; @@ -101,7 +96,8 @@ a:hover { color: #ff69b4; text-shadow: 2px 2px 4px rgba(255, 105, 180, 0.3); 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; color: transparent; text-shadow: none; - animation: rainbow 3s ease-in-out infinite; + animation: centerRotate 4s linear infinite, rainbow 3s ease-in-out infinite; } -@keyframes bounce { - 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } - 40% { transform: translateY(-10px); } - 60% { transform: translateY(-5px); } +@keyframes centerRotate { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } @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%); box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2); 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 { @@ -202,14 +198,20 @@ a:hover { } @keyframes cardFloat { - 0%, 100% { transform: translateY(0px) rotate(0deg); } - 50% { transform: translateY(-5px) rotate(1deg); } + 0%, 100% { transform: translateY(0px); } + 50% { transform: translateY(-5px); } +} + +@keyframes cardRotate { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } } .card.pin { 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); - animation: pinPulse 2s ease-in-out infinite; + animation: pinPulse 2s ease-in-out infinite, cardRotate 8s linear infinite; + transform-origin: center; } @keyframes pinPulse { @@ -224,6 +226,7 @@ a:hover { border-color: rgba(255, 20, 147, 0.8); transform: translateY(-8px) scale(1.02); box-shadow: 0 8px 25px rgba(255, 20, 147, 0.3); + animation-play-state: paused; } .card h2 {