I added a white div with 50% opacity (just div, not image) to a black background. When I apply a blur effect, it becomes pixelated. I also tried using a div with a backdrop filter, but the problem persists.
This design is copied from Figma, where the same transition appears smooth.
How can I avoid the pixelation of the div to achieve a smooth blur transition?
I also tried using a div with a backdrop filter, but the problem persists.
New contributor
Aa Aa is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.