0

Как скрыть часть элемента как на фото. Чтобы верхняя часть была сзади и нижняя часть спереди. Как будто схлопнулись два элемента. Два элемента с именем и профессии я уже сделал.

<div class="faq__hero-icon">
  <img src="./images/icons/woman.png" alt="woman">
  // Тут оранжевый круг.
</div>

Пример

1 ответ 1

0

Если я правильно понял, то тебе нужен overflow: hidden; Есть твой случай https://qna.habr.com/q/656488

4
  • Хотя по ссылке можно найти ответ на вопрос, лучше указать здесь самое главное, а ссылку приводить в качестве источника. Если страница, на которую ведет ссылка, будет изменена, ответ-ссылка может стать недействительным. — из очереди проверок
    – wchistow
    Commented 2 сент. 2023 в 8:49
  • @wchistow понял, спасибо, учту) Commented 2 сент. 2023 в 9:14
  • А ещё overflow: hidden скроет всё, что вылезает за пределы блока, а тут нужен другой подход.
    – De.Minov
    Commented 3 сент. 2023 в 1:29
  • Тут бы вообще в идеале сделать эту картинку с кружком вместе, чтобы не запариваться с обрезанием через css Commented 3 сент. 2023 в 5:36

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.