Расположение блоков css как на фото

Question

Расположение блоков css как на фото

Рейтинг: 0Ответов: 1Опубликовано: 21.07.2023

Всем привет, как мне расположить эту иконку с собачьей лапой поверх фотографии как на этом скриншоте? Спасибо)

css flexbox background-image

Источник: Stack Overflow на русском

Answer 1

▲ 1Принят

как мне расположить эту иконку с собачьей лапой поверх фотографии как на этом скриншоте?

Например вот так... Вместо картинок я использовал фоновый цвет.

.box {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  background-color: blue;
}
.box:after {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  background-color: red;
}

<div class='box'></div>

Расположение блоков css как на фото

Ответы