Slow status-dot blink to a softer ~1s breathe.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -363,9 +363,9 @@ input {
|
|||||||
box-shadow: 0 0 6px rgba(120, 140, 160, 0.35);
|
box-shadow: 0 0 6px rgba(120, 140, 160, 0.35);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 似闪非闪:短周期 + 交错相位 */
|
/* 柔和呼吸闪:约 1s,交错相位,避免晃眼 */
|
||||||
.dot.pulse {
|
.dot.pulse {
|
||||||
animation: status-flicker 0.28s steps(2, end) infinite;
|
animation: status-breathe 1.05s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dot.pulse.d1 {
|
.dot.pulse.d1 {
|
||||||
@@ -373,33 +373,24 @@ input {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dot.pulse.d2 {
|
.dot.pulse.d2 {
|
||||||
animation-delay: 0.09s;
|
animation-delay: 0.2s;
|
||||||
animation-duration: 0.22s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dot.pulse.d3 {
|
.dot.pulse.d3 {
|
||||||
animation-delay: 0.05s;
|
animation-delay: 0.4s;
|
||||||
animation-duration: 0.18s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes status-flicker {
|
@keyframes status-breathe {
|
||||||
0%,
|
0%,
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
filter: brightness(1.35);
|
filter: brightness(1.1);
|
||||||
transform: scale(1.05);
|
transform: scale(1);
|
||||||
}
|
}
|
||||||
40% {
|
50% {
|
||||||
opacity: 0.15;
|
opacity: 0.45;
|
||||||
filter: brightness(0.7);
|
filter: brightness(0.9);
|
||||||
transform: scale(0.92);
|
transform: scale(0.94);
|
||||||
}
|
|
||||||
55% {
|
|
||||||
opacity: 1;
|
|
||||||
filter: brightness(1.5);
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
opacity: 0.35;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user