Как через css сделать такой белый фон у картинки?

601e873b76fc1278506267.png
Есть изображение,которое в этом белом круге,как сделать этот самый белый круг позади картинки(как сделать круг понятно,не понятно,как написать сам этот белый "блок")
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 1
https://jsfiddle.net/1eczfw7j/2/

<div class="combined-background">
  <div class="combined-background__inner">
  
  </div>
</div>


.combined-background {
  width: 100px;
  height: 100px;
  background-color: #81d9ff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.combined-background__inner{
  width: 50px;
  height: 50px;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/How_to_use_icon.svg/1200px-How_to_use_icon.svg.png"), linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  background-size: 60% 60%, 100% 100%;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-position: center center;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы