First put this code in any area of the page
stdDeviation sets the blur amount, the lowest is 0
<svg style=display:none> <filter id=blur-effect-1> <feGaussianBlur stdDeviation=1/> </filter> <filter id=blur-effect-2> <feGaussianBlur stdDeviation=2/> </filter> </svg>
Call blur effect on dom
document.body.style.filter='url(#blur-effect-2)' //Call the level 2 blur document.body.removeAttribute(style);//Turn off the blur effect
The above is the entire content of this article. I hope it will be helpful to everyone’s study. I also hope everyone will support VeVb Wulin Network.