Join the Webstudio community

Updated 7 months ago

Backdrop filters not working on Background image

At a glance

The post indicates that the community member found that background-image: none; did not work even after updating the background image. The comments suggest the following:

- A community member recommends using "Filters" instead of backdrop-filter, as the latter is meant for transparent elements to blur something behind them.

- Another community member expresses regret about the post.

- A community member asks if there is a way to blur an image without blurring the edges.

- A community member suggests wrapping the element into another box and using overflow: clip to achieve the desired effect.

There is no explicitly marked answer in the provided information.

And I found that background-image: none; even I updated background image.
Attachment
image.png
B
T
5 comments
Hey, backdrop filter means to be used for transparent elements to blur something behind it. Try to use "Filters" instead.
is it too late to delete this post immediately
do you know any trick to blur image without blurring edges
You could wrap into another box and give it overflow: clip
Add a reply
Sign up and join the conversation on Discord