Forums

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
    Posts
  • #276625
    ALaguna
    Participant

    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: https://codepen.io/Belelros/pen/NLzNjP and here’s a look at how it should look (https://imgur.com/D2ODtyb)

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

    #276626
    Paulie_D
    Member

    Why not just use a clip-path?

    https://codepen.io/Paulie-D/pen/qMKRmG

    #276628
    ALaguna
    Participant

    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.