www.wysiwygwebbuilder.com

Hello, Pablo!

In my project, when applying a warp, the rounded corners of the image turn into sharp corners when hovering over the mouse. This feature is also visible in the template https://wysiwygwebbuilder.com/support/w ... ndon.html In the "Shop for Unique Holiday Gifts" section.
It seems to me that the rounded corners should still remain when hovering the mouse, otherwise it turns out to be somehow illogical.
That is, the border should be a kind of mask, and not the edge of the image, which disappears when hovering the mouse.
If this cannot be fixed, then how can rounded corners be preserved?
CSS code "overflow: hidden" doesn't work, custom image style doesn't work either…

Link to project: https://drive.google.com/file/d/1r2OTGn ... p=sharing

Please advise the solution if!

Rounded corners is not a mask. It's standard HTML feature border-radius which is applied to the image.

When you use the zoom effect then the image is scaled and therefor the rounded corners fall outside the view area.

The reason why the border-radius is not applied to the image's container is because then the corners would not be visible if you use max-width.

Thanks for the clarifications!

VictorKrs wrote: Tue Feb 04, 2025 8:24 am Thanks for the clarifications!

@VictorKrs I think I checked the html structure of it and with a bit of custom codes it could be possible. It is happening because the container itself does not have the radius which is the reason the overflow comes full on the corner.

I have sent a solution to your email check and see if it works for now.

wwonderfull wrote: Tue Feb 04, 2025 11:34 am

VictorKrs wrote: Tue Feb 04, 2025 8:24 am Thanks for the clarifications!

@VictorKrs I think I checked the html structure of it and with a bit of custom codes it could be possible. It is happening because the container itself does not have the radius which is the reason the overflow comes full on the corner.

I have sent a solution to your email check and see if it works for now.

Now that's a champion!

Now that's a champion!

I saw that reply coming it was written in the card's (tarot)

wwonderfull wrote: Tue Feb 04, 2025 11:34 am

VictorKrs wrote: Tue Feb 04, 2025 8:24 am Thanks for the clarifications!

@VictorKrs I think I checked the html structure of it and with a bit of custom codes it could be possible. It is happening because the container itself does not have the radius which is the reason the overflow comes full on the corner.

I have sent a solution to your email check and see if it works for now.

Dear, wonderful! I join the assessment of @jerryco, and I finish myself off - you are a superhero
That's what it means - "knowledge is power"!
Thank you sincerely for your help in solving the issue!
I think your solution will be useful not only to me, but also to other users who like to hide the corners of elements (how good it was when there was a fashion for sharp corners in design ).