style: native-like bg (fade-in transition, edge vignette, stronger blur)
This commit is contained in:
1 parent
1a8f7abaf3
commit
be14df460f
1 file changed
+12
-2
@@ -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) {
|
||||
|
||||
Reference in new issue
Block a user