feat(marquee): dim baseline 10%, flicker highlights <=3 tags to full
This commit is contained in:
1 parent
a8bc87dff5
commit
66ab7d98be
1 file changed
+5
-5
+5
-5
@@ -5499,7 +5499,7 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
.marquee-grid__cell {
|
||||
margin: 0;
|
||||
flex: 0 0 auto;
|
||||
opacity: 0;
|
||||
opacity: 0.1;
|
||||
animation: tagFlicker var(--tag-cycle, 15s) ease-in-out infinite;
|
||||
}
|
||||
.marquee-grid__cell .hero__tag {
|
||||
@@ -5516,8 +5516,8 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/* Flicker: каждый тег по очереди fade-in → show → fade-out.
|
||||
Цикл 15s, шаг 1s; окно видимости ~18% цикла → одновременно видимы ≤3 тега. */
|
||||
/* Flicker: теги держим на базовом уровне 10%, по очереди (по 3 за раз) вспыхивают до 100%.
|
||||
Цикл 15s, шаг 1s; яркими (≈100%) одновременно ≤3 тега, остальные тускло видны (10%). */
|
||||
.marquee-grid__cell:nth-child(1) { animation-delay: -1s; }
|
||||
.marquee-grid__cell:nth-child(2) { animation-delay: -2s; }
|
||||
.marquee-grid__cell:nth-child(3) { animation-delay: -3s; }
|
||||
@@ -5537,8 +5537,8 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
@keyframes tagFlicker {
|
||||
0% { opacity: 1; }
|
||||
8% { opacity: 1; }
|
||||
10% { opacity: 0; }
|
||||
90% { opacity: 0; }
|
||||
10% { opacity: 0.1; }
|
||||
90% { opacity: 0.1; }
|
||||
92% { opacity: 1; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user