Increase Performance

This commit is contained in:
2025-06-04 20:50:53 +10:00
parent eed5505464
commit 2d31a0c685
2 changed files with 8 additions and 9 deletions
@@ -20,9 +20,10 @@
height: 150vh;
object-fit: cover;
z-index: -1;
filter: blur(100px) brightness(0.4) contrast(1.2) saturate(1);
filter: blur(80px) brightness(0.4) contrast(1.2) saturate(1);
opacity: 1;
animation: spinGlobal 45s linear infinite;
will-change: transform, filter;
}
@keyframes spinGlobal {
+6 -8
View File
@@ -88,14 +88,12 @@ const applyGlobalSpinningBackground = (albumImageSrc: string): void => {
blackBg.className = 'global-spinning-black-bg';
appContainer.appendChild(blackBg);
// Add two spinning images
for (let i = 0; i < 2; i++) {
const img = document.createElement('img');
img.src = albumImageSrc;
img.className = 'global-spinning-image';
img.style.animationDelay = '0s';
appContainer.appendChild(img);
}
// Add one spinning image for performance
const img = document.createElement('img');
img.src = albumImageSrc;
img.className = 'global-spinning-image';
img.style.animationDelay = '0s';
appContainer.appendChild(img);
};
// Function to clean up global spinning background