tweak: increase fog opacity for more visible synthwave haze
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
775bad978d
commit
bf2a10a111
1 changed files with 7 additions and 7 deletions
|
|
@ -748,16 +748,16 @@ html, body {
|
|||
.fog-w5 { width: 52%; height: 125px; left: 8%; animation: fogDrift2 11s ease-in-out infinite alternate; animation-delay: -5s; }
|
||||
|
||||
@keyframes fogDrift1 {
|
||||
from { transform: translateY(0) scaleX(1); opacity: 0.18; }
|
||||
to { transform: translateY(-50px) scaleX(1.18); opacity: 0.34; }
|
||||
from { transform: translateY(0) scaleX(1); opacity: 0.32; }
|
||||
to { transform: translateY(-50px) scaleX(1.18); opacity: 0.55; }
|
||||
}
|
||||
@keyframes fogDrift2 {
|
||||
from { transform: translateY(-12px) scaleX(0.93); opacity: 0.22; }
|
||||
to { transform: translateY(-60px) scaleX(1.22); opacity: 0.30; }
|
||||
from { transform: translateY(-12px) scaleX(0.93); opacity: 0.38; }
|
||||
to { transform: translateY(-60px) scaleX(1.22); opacity: 0.50; }
|
||||
}
|
||||
@keyframes fogDrift3 {
|
||||
from { transform: translateY(-6px) scaleX(1.06); opacity: 0.14; }
|
||||
to { transform: translateY(-38px) scaleX(0.88); opacity: 0.26; }
|
||||
from { transform: translateY(-6px) scaleX(1.06); opacity: 0.28; }
|
||||
to { transform: translateY(-38px) scaleX(0.88); opacity: 0.45; }
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
@ -1073,7 +1073,7 @@ function applyTheme(rgb) {
|
|||
bar.style.boxShadow = `0 0 4px rgba(${r},${g},${b},0.8)`;
|
||||
});
|
||||
fogWisps.forEach(w => {
|
||||
w.style.background = `radial-gradient(ellipse, rgba(${r},${g},${b},0.55) 0%, transparent 70%)`;
|
||||
w.style.background = `radial-gradient(ellipse, rgba(${r},${g},${b},0.75) 0%, transparent 70%)`;
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue