How to make the background of image into white and hide all the elements in back-CodePudding

I have to remove the elements coming in background while zooming and make the background into white

CodePudding user response：

The css back-dropfilter property can let you do that. blurring area behind an element.

Eg:

backdrop-filter: blur(10px);
backdrop-filter: brightness(70%);
backdrop-filter: contrast(45%);
backdrop-filter: drop-shadow(4px 4px 10px blue);
backdrop-filter: grayscale(30%);
backdrop-filter: hue-rotate(120deg);
backdrop-filter: invert(70%);
backdrop-filter: opacity(20%);
backdrop-filter: sepia(90%);
backdrop-filter: saturate(80%);

CodePudding user response：

To do that use:

<button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>

<style>
body {
  background-color: white;
  
}
</style>

Note: I don't know if it will work because I never actually thought about it.