Skip to main content

Forums

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
    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
    Moderator

    Why not just use a clip-path?

    #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)

You must be logged in to reply to this topic.

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