Image blur with CSS/[removed] is it possible?

Question

Is it possible to add a blur effect to an image using CSS and Javascript?

Answer 1

Try this:

let blur = document.querySelector("#blur");
let girlImg = document.querySelector("#girlImg");

blur.addEventListener('input', blurring);
function blurring(){
    girlImg.style.filter = `blur(${blur.value}px)`
}

  Blur: