mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-21 07:36:40 +00:00
fix: improve masthead rail glow visibility
Replaced the invisible inset box-shadow glow (10px blur inside a 3px element) with a white overlay that pulses opacity 0.15-0.55 over 4s. Sped up glow animation from 5.5s to 4s for a more noticeable breath.
This commit is contained in:
@@ -717,8 +717,8 @@ body {
|
||||
100% { transform: translateY(200%); }
|
||||
}
|
||||
@keyframes masthead-rail-glow {
|
||||
0%, 100% { opacity: 0.55; box-shadow: inset 0 0 0 0 transparent; }
|
||||
50% { opacity: 1; box-shadow: inset 0 0 10px 0 oklch(1 0 0 / 0.12); }
|
||||
0%, 100% { opacity: 0.15; }
|
||||
50% { opacity: 0.55; }
|
||||
}
|
||||
|
||||
/* ─────────────────────────────────────────────────────────────
|
||||
@@ -746,7 +746,7 @@ body {
|
||||
animation: shimmer 5s ease-in-out infinite alternate;
|
||||
}
|
||||
.masthead-rail-glow {
|
||||
animation: masthead-rail-glow 5.5s ease-in-out infinite alternate;
|
||||
animation: masthead-rail-glow 4s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
/* Stagger delay helpers */
|
||||
|
||||
Reference in New Issue
Block a user