mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-06-18 03:43:10 +10:00
Increase Performance
This commit is contained in:
@@ -20,9 +20,10 @@
|
|||||||
height: 150vh;
|
height: 150vh;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
z-index: -1;
|
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;
|
opacity: 1;
|
||||||
animation: spinGlobal 45s linear infinite;
|
animation: spinGlobal 45s linear infinite;
|
||||||
|
will-change: transform, filter;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spinGlobal {
|
@keyframes spinGlobal {
|
||||||
|
|||||||
@@ -88,14 +88,12 @@ const applyGlobalSpinningBackground = (albumImageSrc: string): void => {
|
|||||||
blackBg.className = 'global-spinning-black-bg';
|
blackBg.className = 'global-spinning-black-bg';
|
||||||
appContainer.appendChild(blackBg);
|
appContainer.appendChild(blackBg);
|
||||||
|
|
||||||
// Add two spinning images
|
// Add one spinning image for performance
|
||||||
for (let i = 0; i < 2; i++) {
|
const img = document.createElement('img');
|
||||||
const img = document.createElement('img');
|
img.src = albumImageSrc;
|
||||||
img.src = albumImageSrc;
|
img.className = 'global-spinning-image';
|
||||||
img.className = 'global-spinning-image';
|
img.style.animationDelay = '0s';
|
||||||
img.style.animationDelay = '0s';
|
appContainer.appendChild(img);
|
||||||
appContainer.appendChild(img);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// Function to clean up global spinning background
|
// Function to clean up global spinning background
|
||||||
|
|||||||
Reference in New Issue
Block a user