Auto commit: 2026-02-16T19:09:46.697Z
This commit is contained in:
parent
eb8dcb40d2
commit
26bb9de84f
18
index.php
18
index.php
@ -357,6 +357,16 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
transition: background 0.1s ease;
|
||||
}
|
||||
|
||||
@keyframes strobe-peak {
|
||||
0%, 100% { opacity: 1; filter: brightness(1.5) contrast(1.2); }
|
||||
50% { opacity: 0.3; filter: brightness(4) contrast(2); }
|
||||
}
|
||||
|
||||
.strobe {
|
||||
animation: strobe-peak 0.08s infinite steps(2);
|
||||
box-shadow: 0 0 30px #fff, 0 0 50px var(--peak-glow, #fff) !important;
|
||||
}
|
||||
|
||||
/* Colores vibrantes para las barras */
|
||||
.visualizer-bar:nth-child(5n+1) { background: linear-gradient(to top, #00e676, #69f0ae); }
|
||||
.visualizer-bar:nth-child(5n+2) { background: linear-gradient(to top, #38bdf8, #7dd3fc); }
|
||||
@ -924,6 +934,14 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
|
||||
visualizerPeaks[i].style.background = `linear-gradient(to bottom, ${color}, transparent)`;
|
||||
visualizerPeaks[i].style.boxShadow = `0 -2px 12px ${glow}, 0 0 20px ${glow}`;
|
||||
|
||||
// Efecto Strobe en niveles críticos (> 90%) para un look agresivo
|
||||
if (peakHeights[i] > 90) {
|
||||
visualizerPeaks[i].classList.add('strobe');
|
||||
visualizerPeaks[i].style.setProperty('--peak-glow', glow);
|
||||
} else {
|
||||
visualizerPeaks[i].classList.remove('strobe');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user