0
<div class="circle">
  <img src=""></img>
</div> 

Как создать внутреннюю тень у блока в форме круга (border-radius: 50%), так, чтобы она накладывалась на внутренний элемент - картинку.

Пробовал использовать z-index,- не вышло.

1
  • больше кода дайте, пожлста.
    – rabbit
    29 июл 2020 в 9:46

1 ответ 1

1

Вот:

img {
  z-index: -1;
  position: relative;
  width: 100%;
  height: 100%;
}

div {
  box-shadow: 0 0 20px red inset;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
<div>

  <img src="https://www.burgeon.co.uk/content/images/thumbs/0000241_artificial-flowers-hat-box_600.jpeg"></img>
</div>

Ваш ответ

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

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