Как из фото выбрать часть на css?

Question

[Max Shteklya]

Есть div 560х530px, там нужно вывести именно фото гипса. вариант вырезать в фото не подходит

Answer 1

[Ankhena]

Object-fit https://webref.ru/css/object-fit
Либо изображение фоном и bg position
https://jsfiddle.net/5pfu7Lxy/

Comments

[Max Shteklya]

нужно через bg position, но как?

[Ankhena]

BedOmar, конкретизируйте, что именно не понятно или не работает в bg position? Учитывая, что нужная картинка находится в левом верхнем углу.

[Ankhena]

BedOmar, Как-то так https://jsfiddle.net/5pfu7Lxy/
Единственное, картинка не пропорциональна указанным вами размерам div'а, так что ее надо ужать/обрезать. Я сдвинула чуть выше, чтобы все влезло.

Answer 2

[Дмитрий Христоев]

https://bennettfeely.com/clippy/

Answer 3

[Алексей Пахомов]

div {
  width: 560px;
  height: 530px;
  overflow: hidden;
}
img {
  position: relative;
  left: 20px;
  top: 20px;
}
// или через transform
img {
  transform: translate3d(20px, 20px, 0);
}