Как обрезать img в пятиугольник?

Question

[Rillai]

Нужно обрезать картинки вот так, на фото используется clip-path, но т.к. ie его не поддерживает мне нужен другой способ. Посоветуйте что-нибудь пожалуйста.

Answer 1

[Антон Антон]

Генерируйте на севере png или что-то подобное с прозрачным фоном. Ну, или забейте на IE (что правильнее)

Answer 2

[xdevelx]

1. В IE изображение будет прямоугольным - верстка не развалится (graceful degradation).
2. Нужна поддержка IE, значит clip-path и само изображение должны быть заинлайнены внутри svg в html документе. пример https://jsfiddle.net/f8tcxooy/ - реализуйте, если есть необходимость

Answer 3

[Воващ]

один их вариантов
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);

тут можно потыкать
https://bennettfeely.com/clippy/

Comments

[Rillai]

(на фото используется clip-path, но т.к. ie его не поддерживает мне нужен другой способ. )