Как скрыть часть изображения под углом?

Question

[Вениамин Смирнов]

Привет!

Есть изображение (например 600х400 пикселей). Нужно один из углов опустить или поднять на 100 пикселей. На примере задействован левый нижний край, под ним нужно залить фон каким-нибудь цветом. Такое отрисовано в дизайне, а я ума не приложу, как сделать это грамотно, не обрезая картинки "как есть". К тому же подразумевается адаптивность и если мнение, что "просто картинки" будут отображаться не очень красиво.

Answer 1

[Антон Федорян]

https://jsfiddle.net/slippyk/vsmq7qck/

Comments

[Вениамин Смирнов]

Очень круто, спасибо огромное! Только почему-то немного вылазит за ширину браузера...
https://yadi.sk/d/lt6spm0gsQ96X

[Владимир Грабко]

Вениамин Смирнов: А ПОМЕТИТЬ?

[Антон Федорян]

Вениамин Смирнов: reset.css используете? padding, margin возможно где-то нужно убрать