Loading tool...
CSS Object Fit Generator
Generate CSS object-fit and object-position properties with live preview
Enter values like "50%", "100px", "left", "right", or "center"
Container: 100% × 300px
object-fit: cover; object-position: center;
About object-fit
The object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container. The object-position property determines the alignment of the content within its box.