Обрезание скрытой части изображения с использованием палата клипа ⇐ CSS

[Anonymous]

Я использую Clip-Path, чтобы обрезать изображение, чтобы сделать его меньшим прямоугольником, чем раньше. Однако коробка, которую я ставлю, относится к нему, как и остальная часть изображения все еще там. Есть ли способ избавиться от избыточной части изображения и просто использовать часть обмотки изображения зажима? < /P>

Код: Выделить всё

.image {
width: 20%;
height: 20%;
clip-path: inset(70% 22% 11% 22%);
box-shadow: inset 0 0 10px #000000;
}
< /code>
Я пытаюсь где -то установить только эту часть изображения. Помимо того, что он принуждает его с использованием отрицательного /перекрытия части выреза, есть ли другой способ сделать это? -code ">
.clipimage {
width: 20%;
height: 20%;
clip-path: inset(70% 22% 11% 22%);
box-shadow: inset 0 0 10px #000000;
}

.noimage {
width: 20%;
height: 20%;
box-shadow: inset 0 0 10px #000000;
}

.redsquare {
width: auto;
background-color: red;
}

p {
color: black;
} < /code>

This paragraph before clip image.

[img]https://images.pexels.com/photos/19577082/pexels-photo-19577082/free-photo-of-city-skyline-at-dusk.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1[/img]



This paragraph before noclip image.

[img]https://images.pexels.com/photos/19577082/pexels-photo-19577082/free-photo-of-city-skyline-at-dusk.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1[/img]

Подробнее здесь: https://stackoverflow.com/questions/794 ... -clip-path