const bgImg = document.getElementById('bg-image');
window.addEventListener('scroll',()=>{
updateImage();
})
function updateImage(){
bgImg.style.opacity = 1 - window.pageYOffset/900;
console.log(1 - window.pageYOffset/900);
bgImg.style.backgroundSize = 160 - window.pageYOffset / 12 + ('%');
}
farhanacsebd / background-image-scroll-effect Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://farhanacsebd.github.io/background-image-scroll-effect/