Задать вопрос
userAlexander
@userAlexander
Верстка наше все)

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

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

Спасибо!
  • Вопрос задан
  • 219 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
hronik87
@hronik87
Обитаю в 1С-Bitrix
Если я правильно понял вопрос, то попробуйте рамку бэкграундом в адаптивном блоке, а девушку картинкой по центру. Ну и минимальные размеры блоку тоже наверное нужно задать.
Ответ написан
@Makarych90
1) Просто картинку сделать
2) Девушку на передний план - рамку на задний htmlbook.ru/css/z-index.
Девушку в png
все это в див с выравниваем по центру. девушку поднять на пару пикселей вверх чтобы рамка виднелась
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы