CSS Object Fit & Position Tool

Instantly preview and generate CSS for image layout properties.

Image Source

Upload Image

Object Fit

Pos X: 50%

Pos Y: 50%

Width: 400px

Height: 300px

.image-container {
  // Styles generated
}

img {
  object-fit: cover;
  object-position: 50% 50%;
}