Slow status-dot blink to a softer ~1s breathe.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-02 12:16:30 +08:00
parent 77e68dd0e9
commit 62c9d2ce01
+11 -20
View File
@@ -363,9 +363,9 @@ input {
box-shadow: 0 0 6px rgba(120, 140, 160, 0.35);
}
/* 似闪非闪:短周期 + 交错相位 */
/* 柔和呼吸闪:约 1s,交错相位,避免晃眼 */
.dot.pulse {
animation: status-flicker 0.28s steps(2, end) infinite;
animation: status-breathe 1.05s ease-in-out infinite;
}
.dot.pulse.d1 {
@@ -373,33 +373,24 @@ input {
}
.dot.pulse.d2 {
animation-delay: 0.09s;
animation-duration: 0.22s;
animation-delay: 0.2s;
}
.dot.pulse.d3 {
animation-delay: 0.05s;
animation-duration: 0.18s;
animation-delay: 0.4s;
}
@keyframes status-flicker {
@keyframes status-breathe {
0%,
100% {
opacity: 1;
filter: brightness(1.35);
transform: scale(1.05);
filter: brightness(1.1);
transform: scale(1);
}
40% {
opacity: 0.15;
filter: brightness(0.7);
transform: scale(0.92);
}
55% {
opacity: 1;
filter: brightness(1.5);
}
70% {
opacity: 0.35;
50% {
opacity: 0.45;
filter: brightness(0.9);
transform: scale(0.94);
}
}