The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Normal background image with shape

  • This topic is empty.
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)
  • The forum ‘Design’ is closed to new topics and replies.