CSS Object Fit Generator
Compare 5 ways to fit images/videos inside a container, live — with object-fit and object-position controls.
object-fit
object-position
100% browser-based — no data sent to any server
'/%3E%3Ccircle cx='120' cy='90' r='40' fill='%23FB7185'/%3E%3Ctext x='250' y='160' font-family='Arial' font-size='28' fill='%230B0E14' text-anchor='middle'%3E500x300%3C/text%3E%3C/svg%3E)
Copied to clipboard!
Compare 5 ways to fit images/videos inside a container, live — with object-fit and object-position controls.