mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-05-25 23:58:15 +08:00
45 lines
950 B
CSS
45 lines
950 B
CSS
@keyframes realistic-blink {
|
|
0% { fill: #37ff37; opacity: 0.4; }
|
|
15% { fill: #37ff37; opacity: 0.9; }
|
|
25% { fill: #37ff37; opacity: 0.3; }
|
|
38% { fill: #ff4444; opacity: 0.8; }
|
|
42% { fill: #ff4444; opacity: 0.3; }
|
|
58% { fill: #37ff37; opacity: 0.9; }
|
|
65% { fill: #37ff37; opacity: 0.4; }
|
|
79% { fill: #ff4444; opacity: 0.8; }
|
|
84% { fill: #ff4444; opacity: 0.3; }
|
|
92% { fill: #37ff37; opacity: 0.8; }
|
|
100% { fill: #37ff37; opacity: 0.4; }
|
|
}
|
|
|
|
@keyframes drop {
|
|
0% {
|
|
transform: translateY(-4px);
|
|
opacity: 0;
|
|
}
|
|
5% {
|
|
transform: translateY(-4px);
|
|
opacity: 1;
|
|
}
|
|
65% {
|
|
transform: translateY(2px);
|
|
opacity: 1;
|
|
}
|
|
80% {
|
|
transform: translateY(2px);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(2px);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
#downloadingIconLight {
|
|
animation: realistic-blink 3s infinite ease-in-out;
|
|
}
|
|
|
|
#downloadingIconArrow {
|
|
animation: drop 1.2s cubic-bezier(0.4, 0, 1, 1) infinite;
|
|
}
|