object-view-box

A playground to generate object-view-box values dynamically object-view-box allows us to crop or resize replaced HTML elements like an img or a video tag, a native way to crop an image in the browser with CSS.

• Demo: https://object-view-box.vercel.app/
• Demo Video

More info about object-view-box

• https://ishadeed.com/article/css-object-view-box/
• https://css-tricks.com/first-look-at-the-css-object-view-box-property/

Built with

• Svelte
• Vite
• CropperJS