Repository navigation
object-view-box #177
Description
This GitHub issue is for collecting web developer signals for object-view-box.
The object-view-box CSS property crops and zooms to an inset area of an image.
Browser support
- Chrome 104 (Aug 2, 2022)
- Chrome Android 104 (Aug 2, 2022)
- Edge 104 (Aug 5, 2022)
- Firefox: not supported
- Firefox for Android: not supported
- Safari: not supported
- Safari on iOS: not supported
Give us feedback
If you're pressed for time, but you want this feature to be available in all browsers, please give this issue a thumbs up 👍 reaction.
However, a much better guide for us is to know how you'd use this feature, and what you're having to do in the meantime. This helps us judge the priority versus other features.
Copy the template below in a comment, and add the details that matter to you.
## What I want to do with this feature
<!-- Add your specific use-cases, even if they seem obvious to you. -->
## What I'm having to do in the meantime
<!--
Are you having to use another feature instead, a polyfill, or is it blocking you completely?
Why are the alternatives worse than using this feature?
-->All comments are expected to adhere to the Code of Conduct.
Learn more
You can learn more about this feature here:
Activity
aarontgrogg commentedon Nov 28, 2025
What I want to do with this feature
The most immediate opportunity I can see would be an "image zoom" feature.
Initially, being able to hover over an image and have that image zoom in, could be cool!
Another option would be offering multiple predetermined "zoom zones", where clicking an option would zoom the image to that zone.
Both examples above demonstrated here:
https://codepen.io/aarontgrogg/pen/XJdqwBB
The ideal would be if it could zoom in to the portion of the pic you are hovering over, but that would require at least some JS, to track and pass the current x/y to the CSS custom properties... Yes, some JS, but certainly less than we use now for the same feature!
What I'm having to do in the meantime
JS libraries.