's'
This commit is contained in:
@@ -134,5 +134,28 @@ body {
|
||||
}
|
||||
|
||||
.animate-fade-in {
|
||||
animation: fadeIn 0.4s ease-out forwards;
|
||||
animation: fadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||||
}
|
||||
|
||||
/* 卡片依次淡入,用于列表 */
|
||||
.animate-fade-in-stagger > * {
|
||||
opacity: 0;
|
||||
animation: fadeIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||||
}
|
||||
|
||||
.animate-fade-in-stagger > *:nth-child(1) { animation-delay: 0ms; }
|
||||
.animate-fade-in-stagger > *:nth-child(2) { animation-delay: 80ms; }
|
||||
.animate-fade-in-stagger > *:nth-child(3) { animation-delay: 160ms; }
|
||||
.animate-fade-in-stagger > *:nth-child(4) { animation-delay: 240ms; }
|
||||
.animate-fade-in-stagger > *:nth-child(5) { animation-delay: 320ms; }
|
||||
.animate-fade-in-stagger > *:nth-child(6) { animation-delay: 400ms; }
|
||||
|
||||
/* 骨架屏脉冲 */
|
||||
@keyframes pulse-subtle {
|
||||
0%, 100% { opacity: 0.6; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
.animate-pulse-subtle {
|
||||
animation: pulse-subtle 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user