style: softer vignette, stronger blur+scale for native-like bg
This commit is contained in:
1 parent
be14df460f
commit
aae480ff05
1 file changed
+6
-6
@@ -440,18 +440,18 @@
|
||||
var bgel = document.querySelector('.background');
|
||||
if (bg && bgel) {
|
||||
// Mimic Lampa's native canvas background:
|
||||
// - smooth fade-in (background__fade)
|
||||
// - smooth fade-in (background__fade alpha animation)
|
||||
// - 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';
|
||||
// - soft vignette toward edges (background__fade gradient), not a hard frame
|
||||
bgel.style.transition = 'opacity .5s ease, transform .5s ease';
|
||||
bgel.style.backgroundImage = 'url("' + bg + '")';
|
||||
bgel.style.backgroundSize = 'cover';
|
||||
bgel.style.backgroundPosition = 'center';
|
||||
bgel.style.backgroundRepeat = 'no-repeat';
|
||||
bgel.style.filter = 'blur(40px)';
|
||||
bgel.style.transform = 'scale(1.15)';
|
||||
bgel.style.filter = 'blur(45px) brightness(0.92)';
|
||||
bgel.style.transform = 'scale(1.2)';
|
||||
bgel.style.opacity = '1';
|
||||
bgel.style.boxShadow = 'inset 0 0 220px 120px rgba(0,0,0,0.85)';
|
||||
bgel.style.boxShadow = 'inset 0 0 320px 160px rgba(0,0,0,0.72)';
|
||||
}
|
||||
} catch (e) { console.log('[mymovies] bg err', e); }
|
||||
if (!$('.mymovies-detail .full-start-new__buttons .full-start__button.selector').length) {
|
||||
|
||||
Reference in new issue
Block a user