Core Code
Core Code Modern Dev Handbook

Object Position Right

Focus the right side of the image.

Preview

Code

<style>
.box{
width:200px;
height:140px;
overflow:hidden;
}

img{
width:100%;
height:100%;
object-fit:cover;
object-position:right;
}
</style>

<div class="box">
<img src="https://via.placeholder.com/400x250">
</div>

More CSS object-position Examples (8)

example Object Position Center open example example Object Position Top open example example Object Position Bottom open example example Object Position Left open example example Custom Object Position open example example Avatar Focus Example open example example Gallery Thumbnail Focus open example example Hover Position Change open example