Hi!

I'm using animation for the "clip path row," and I'd like to achieve a kind of rectangle with rounded top corners, like an arched window. I've tried to create it using the "Roundess End" option by setting the border radius to 30% 30% 0 0, but when using percentages, the shape won't remain consistent on mobile.

I was wondering if there's a way to use a custom path as the animation target, or in my case, something like this:

clip-path: inset(40vh 30% 30vh url('shape.svg'));

Can you help me with this?
Thank you!

sure! 

here you are!

I've use the "clip path expanding video" template as a basis for that.

Thank you for your help

Hi Tahir,

I've already did that, but the problem is for edge roundness, that can't be customized for mobile differently.

I've tried to create it using the "Roundess End" option by setting the border radius to 30% 30% 0 0, but when using percentages, the shape won't remain consistent on mobile.

Is there a way to setup a different round edges on mobile?

Thank you

I think vh it's the best solution, but it's not exactly what I was looking for.

I hope that soon will be added the ability to adjust the Roundess for mobile differently.

Thank you for your help and have a nice day