diff --git a/public/css/main.css b/public/css/main.css index d0d6bc4..9c632e6 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -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; } }