Skip to main content


This topic contains 2 replies, has 2 voices, and was last updated by  ALaguna 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #276625


    I’m trying to have a background image applied to a shape. It’s a trapezoid so I read that the best way would be with an SVG shape which should have decent browser support. That kind of works but the image doesn’t have the proportions right and it gets distorted.

    What would be a good way to do it?

    Here’s my try so far: and here’s a look at how it should look (

    Perhaps there’s a better way to tackle this but I couldn’t figure much out.



    Why not just use a clip-path?



    That’d be great but the support on Edge is non existent which, unfortunately, is needed.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star