Как реализовать такую маску с картинкой?

Question

[Саша]

Здравствуйте, подскажите пожалуйста, как реализовать такую маску с картинкой?
Лучше только с помощью css.
Дело в том, что размер картинки может быть разный, соответственно по разному может быть вытянута, не хотелось бы раскидывать все элементы на абсолюте, ибо тогда будет привязка к конкретным размерам.


Спасибо!

Answer 1

[Stalker_darkway]

Если я правильно понял вопрос, то попробуйте рамку бэкграундом в адаптивном блоке, а девушку картинкой по центру. Ну и минимальные размеры блоку тоже наверное нужно задать.

Comments

[Саша]

через бг нельзя, нужно чтобы в треугольной области была часть картинки

Answer 2

[Alexandr M.]

1) Просто картинку сделать
2) Девушку на передний план - рамку на задний htmlbook.ru/css/z-index.
Девушку в png
все это в див с выравниваем по центру. девушку поднять на пару пикселей вверх чтобы рамка виднелась