https://github.com/rajasegar/object-view-box
A playground to generate object-view-box values dynamically
https://github.com/rajasegar/object-view-box
crop-image cropperjs object-view-box svelte vite
Last synced: 3 months ago
JSON representation
A playground to generate object-view-box values dynamically
- Host: GitHub
- URL: https://github.com/rajasegar/object-view-box
- Owner: rajasegar
- Created: 2022-10-07T10:06:52.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-12T07:34:01.000Z (over 3 years ago)
- Last Synced: 2025-02-09T02:21:48.005Z (over 1 year ago)
- Topics: crop-image, cropperjs, object-view-box, svelte, vite
- Language: Svelte
- Homepage: https://object-view-box.vercel.app
- Size: 407 KB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.youtube.com/watch?v=kUhJiVOlFqU)
## 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](https://svelte.dev)
- [Vite](https://vitejs.dev)
- [CropperJS](https://github.com/fengyuanchen/cropperjs)