How to prevent Flickering caused by backdrop-filter:blur() when transforming/moving on ChromeBrowser
For some reason there is no flickering on codepen.
Here is my codepen: https://codepen.io/noobcoder137/pen/WNBRMPx
Also it works fine on mozilla firefox and OperaGX. I am using Chrome Browser on Mac. Don't know if it's same on windows Chrome.:raisedbrow:
4 Replies
If it is not happening in the Codepen that would seem to suggest that something else is going on in your original code.
It‘s the same code. I copy pasted
But you said that in Codepen it doesn't flicker (which I can confirm is correct, it doesn't flicker on Chrome on my Mac), then there must be a difference somewhere. For example, bear in mind the headers - Codepen adds a series of headers that you might not have in your version.
damm, you're absolute right, thank you for the hint with extra headers. I am using the developing tool parcel.js development server, I tried without it and there's no flickering.