Community forum for knowledge and support

Updated 7 months ago

Preserving aspect ratio and centering a clip-path within a wrapper

At a glance

I cant get my clip-path to keep aspect and stay inside wrapper.
Hi, I have been fighting with his SVG if anyone understands what is going on here?

I want the mask to be centered, preserved ratio. If anyone knows how this all affects eachother πŸ™
It’s the hero of this page. with the partial blur-image.
https://spine-and-joint-centre.webflow.io/praktische-informatie

M
j
2 comments

would you mind sharing a read-only link?

Hey Matt, I fixed it by putting the masked image inside a container that keeps the right ratio. The only downside is now the center is zoomed out. But I can live with that. The read-only-link would no longer reflect the issue.
Thanks for getting back to me tho πŸ™ have a nice day β˜€

Add a reply
Sign up and join the conversation on Slack