Auto commit: 2026-02-15T15:19:37.987Z
This commit is contained in:
parent
c000e0b137
commit
424644c72b
24
index.php
24
index.php
@ -218,7 +218,20 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
|
||||
|
||||
body.is-playing .featured-img-container {
|
||||
animation: float-img 6s infinite ease-in-out;
|
||||
box-shadow: 0 25px 60px rgba(56, 189, 248, 0.4);
|
||||
box-shadow: 0 0 50px var(--dynamic-glow, rgba(56, 189, 248, 0.6)),
|
||||
0 0 100px var(--dynamic-glow-dim, rgba(56, 189, 248, 0.3));
|
||||
border: 4px solid var(--dynamic-glow, rgba(255, 255, 255, 0.2));
|
||||
}
|
||||
|
||||
.featured-img-container {
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
position: relative;
|
||||
border-radius: 32px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
|
||||
aspect-ratio: 16 / 10;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
@keyframes card-pulse {
|
||||
@ -547,6 +560,15 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
|
||||
|
||||
// Rotar el color base según el tiempo y la intensidad
|
||||
hue = (hue + 0.5 + (average / 50)) % 360;
|
||||
|
||||
// Actualizar el resplandor de la imagen con el color actual y reactividad
|
||||
const glowOpacity = 0.4 + (average / 255) * 0.5;
|
||||
const glowSize = 30 + (average / 255) * 40;
|
||||
const currentGlow = `hsla(${hue}, 80%, 60%, ${glowOpacity})`;
|
||||
const currentGlowDim = `hsla(${hue}, 80%, 60%, ${glowOpacity * 0.5})`;
|
||||
|
||||
document.documentElement.style.setProperty('--dynamic-glow', currentGlow);
|
||||
document.documentElement.style.setProperty('--dynamic-glow-dim', currentGlowDim);
|
||||
|
||||
for (let i = 0; i < bufferLength; i++) {
|
||||
barHeight = (dataArray[i] / 255) * canvas.height;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user