Forums

Give help. Get help.

  • # September 13, 2018 at 6:15 am

    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.

    # September 13, 2018 at 7:02 am

    Why not just use a clip-path?

    # September 13, 2018 at 9:06 am

    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-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag