Как обрезать так картинки?

Question

[DashaOgienko]

возникает идея как-то обыграть с canvas, но может есть более красивые решения? или примеры подобного?

Answer 1

[AngReload]

caniuse.com/#search=clip-path
https://css-tricks.com/clipping-masking-css/

Comments

[Антон Нагаец]

От спасибо. До этого псевдоклассами выкручивался и костылями.

[AngReload]

Антон Нагаец: Ещё бы это работало в IE

[Антон Нагаец]

AngReload: Не спорю ( EDGE также не поддерживает сие благоразумие.

Answer 2

[Сергей Софьичев]

codepen.io/anon/pen/pyJZJJ

Answer 3

[Andrew Ghostuhin]

Есть множество различных хаков на CSS, но если нравятся более прогрессивные и интересные решения, то я рекомендую почитать jquery.malsup.com/corner