style: native-like bg (fade-in transition, edge vignette, stronger blur)

This commit is contained in:
Hermes committed 2026-08-10 01:31:29 +02:00
1 parent 1a8f7abaf3
commit be14df460f
1 file changed
+12 -2
+12 -2
View File
@@ -348,6 +348,8 @@
bgel.style.filter = '';
bgel.style.transform = '';
bgel.style.opacity = '';
bgel.style.boxShadow = '';
bgel.style.transition = '';
}
if (Lampa.Background && Lampa.Background.immediately) Lampa.Background.immediately('');
} catch (e) {}
@@ -385,6 +387,8 @@
bgel.style.filter = '';
bgel.style.transform = '';
bgel.style.opacity = '';
bgel.style.boxShadow = '';
bgel.style.transition = '';
}
if (Lampa.Background && Lampa.Background.immediately) Lampa.Background.immediately('');
} catch (e) {}
@@ -435,13 +439,19 @@
}
var bgel = document.querySelector('.background');
if (bg && bgel) {
// Mimic Lampa's native canvas background:
// - smooth fade-in (background__fade)
// - heavy blur with edges pushed off-screen (background__one/two)
// - darkened vignette toward the edges (background__fade gradient)
bgel.style.transition = 'opacity .4s ease, transform .4s ease';
bgel.style.backgroundImage = 'url("' + bg + '")';
bgel.style.backgroundSize = 'cover';
bgel.style.backgroundPosition = 'center';
bgel.style.backgroundRepeat = 'no-repeat';
bgel.style.filter = 'blur(30px) brightness(0.45)';
bgel.style.transform = 'scale(1.1)';
bgel.style.filter = 'blur(40px)';
bgel.style.transform = 'scale(1.15)';
bgel.style.opacity = '1';
bgel.style.boxShadow = 'inset 0 0 220px 120px rgba(0,0,0,0.85)';
}
} catch (e) { console.log('[mymovies] bg err', e); }
if (!$('.mymovies-detail .full-start-new__buttons .full-start__button.selector').length) {