From 26bb9de84f00f8049efa7630c72bbd321e30b7b8 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Mon, 16 Feb 2026 19:09:46 +0000 Subject: [PATCH] Auto commit: 2026-02-16T19:09:46.697Z --- index.php | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/index.php b/index.php index 470b712..9473db9 100644 --- a/index.php +++ b/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'); + } } }