Смещение изображения при обрезке.
Свойство object-position
Исходное изображение
Обрезка изображения object-fit: cover
Плюс смещение object-position: left top
Исходный код этого примера:
<style>
img {
display: block;
margin: 0 auto;
}
.s {
width: 250px;
height: 250px;
object-fit: cover;
}
.s1 {
object-position: left top;
}
</style>
<h2>Исходное изображение</h2>
<img src="object-position.jpg" alt="Свойство object-position">
<h2>Обрезка изображения object-fit: cover</h2>
<img class="s" src="object-position.jpg" alt="object-position по умолчанию">
<h2>Плюс смещение object-position: left top</h2>
<img class="s s1" src="object-position.jpg" alt="object-position: left top">
.
Прокомментировать/Отблагодарить