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 {
|
body.is-playing .featured-img-container {
|
||||||
animation: float-img 6s infinite ease-in-out;
|
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 {
|
@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
|
// Rotar el color base según el tiempo y la intensidad
|
||||||
hue = (hue + 0.5 + (average / 50)) % 360;
|
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++) {
|
for (let i = 0; i < bufferLength; i++) {
|
||||||
barHeight = (dataArray[i] / 255) * canvas.height;
|
barHeight = (dataArray[i] / 255) * canvas.height;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user